Project
[Web] SNS형 게시판 만들기 프로젝트 (3) - CSS 설정
[Web] SNS형 게시판 만들기 프로젝트 (3) - CSS 설정
2020.04.13지난 시간에는 큰 틀을 잡았습니다. 이번에는 단순 table로만 설정한 틀을 고치기위해서 CSS를 잡아줍시다. 테이블로 잡으면 코드를 보기가 너무 안좋습니다. 이번에는 section, aside 등을 활용하고 CSS로 디자인을 잡아줍시다. 오늘 핵심이 되는 것은 CSS의 활용과 페이지의 구획분활입니다. HTML5에는 마치 table과 div으로 나눠놓은 것처럼 구획이 나눠져 있습니다. 보통 아래와 같이 구분을 하게 됩니다. header는 웹에서 가장 맨 위부분을 차지하게 됩니다. 보통 웹의 정보를 담고 있는 부분입니다. nav는 navigation에서 파생된 것으로 특정 목적지로 이동할 수 있게 링크들을 모아둔 영역입니다. 보통 해당 웹페이지의 카테고리 영역이 위치하게 됩니다. section은 핵심적인 ..