간단한 반응형 웹사이트 만들기

간단한 반응형 웹사이트를 만들어보자  HOME Date Form Scroll Message 해당 사이트는 HTML과 CSS를 연습하기 위한 목적이며 반응형 웹사이트를 만드는것이 목표입니다. 기본적인 양식은 웨딩 초대장 사이트 형식이며 페이지 하단 폼을 통해 반응형 기능을 구현하고자 함 프로젝트 시작 날짜 2024.11.25 MON Start 13:30~ ..

간단한 블로그 만들기(다듬기)

header 위치 여백 조정header{ width: 1240px; margin: 0 auto 50px;} header의 nav 위치 조정 및 글꼴,배경 색깔, 테두리 지정 header nav ul{ display: flex; justify-content: center; border-top: 2px solid #000000; border-bottom: 2px solid #000000; background-color: aquamarine; padding:12px 0 10px; li{ margin: 0 20px; a{ font-size: 20px; font-weight: bold; color: darkgreen; } a:hover{ t..

간단한 블로그 만들기

Header는 페이지의 도입부 영역   main은 페이지의 주요정보가 있는 영역 홈페이지에 오신걸 환영합니다! 뭘 적어야 잘 적었다고 소문이 날까 귀요미 토끼 사진 [아유경제=조명의 기자] 내년도 부동산 공시가격 현실화율(시세 대비 공시가격 비율)이 올해와 같이 2020년 수준으로 동결된다. 이에 따라 내년 부동산 공시가격에는 시세 변동만 반영된다. 국토교통부(장관 박상우ㆍ이하 국토부)는 이달 19일 열린 국무회의에서 이와 같은 내용의 `2025년 부동산 가격 공시를 위한 현실화 계획 수정방안`을 보고했다고 밝혔다. 내년 부동산 공시가격에 적용할 현실화율은 아파트 등 공동주택 69%, 단독주택 53.6%, 토지 65.5%이다. 공시가격은 정부가 과세 등을..

✔오늘 배운 중요한 🔑 pointCSS는 외관을 바꾸기 위해 사용한다.HTML내에서 STYLE 태그나 속성을 사용해서 직접 CSS를 작성할수 있지만 가독성,유지보수,재사용 불가 등의 이유로 잘 사용되지는 않는다. 하지만 사이트가 한 페이지로 구성되있거나 CSS를 특정 페이지에만 적용하는 경우에는 사용되기도 하니 상황에 맞게 사용하는것이 좋다.display:block을 사용하게 되면 처럼 한줄을 차지하는 요소로 바뀌기 때문에  width을 특정 수치로 고정하고 margin: 0 auto로 설정하면 가운데 정렬이 가능하다.🎯 오늘 배운 내용 background-color: 배경화면 색깔 지정#bbf1ef;font-family: 글꼴 지정, 여러 글꼴 지정 가능'Verdana','NanumGothic'..

✔오늘 배운 중요한 🔑 pointHTML 태그는 단순히 콘텐츠를 표시하는 역할 뿐만 아니라 의미(semantic)를 전달하는 역할도 한다.W3C 표준을 준수하여 다양한 브라우저에서 일관되게 동작하도록 하는것이 중요하다.🎯 오늘 배운 내용 간단한 HTML사용을 익혀보자 : 이 문서가 HTML5 형식임을 선언 ~ : HTML문서의 시작과 끝! (lang="kr" 은 한국어로 된 문서라는 의미) : 브라우저가 문서를 읽을때 필요한 정보를 알려주는 부분. 문자코드,제목 외에도 다양한 정보 작성 가능~ : 해당페이지의 제목 ~ : 사용자에게 보여줄 콘텐츠를 작성하는 부분 ~ 제목, head의 머리글자★ ★ ★ ★ ★ ~ 단락(문장들의 모음), paragraph의 머리글자★ ★ ★ ★ ★ ~   ~ ul..

❎ 문제발생오늘의 할일목록과 이번주의 할일목록은 DB,SERVICE,CONTROLLER에서 따로따로 분리를 해놓았다. 하지만 이번 달의 할일 목록, 이번 년도의 목록을 추가할때마다 계속해서 DB를 추가하는 식으로 만들 필요는 없다 생각하여 MONTH와 YEAR을 동시에 하나의 DB에서 관리하기로 하였다. type Column을 추가하여 Month인지 YEAR인지를 구분하였고 추후에 상반기,하반기 혹은 다른 요소들을 추가할때도 TYPE으로 구분이 가능하여 이런식으로 설계하였다. 오늘 할일목록과 이번주의 할일목록도 같이 통합하지 않은 이유는  TODAY 목록과 WEEK 목록은 데이터의 양 자체가 MONTH/YEAR에 비해서 압도적으로 많기 때문에 DB를 따로 설계하였다. MONTH와 YEAR 조회 관련한 S..