sns
[Web] SNS형 게시판 만들기 프로젝트 (3) - CSS 설정
[Web] SNS형 게시판 만들기 프로젝트 (3) - CSS 설정
2020.04.13지난 시간에는 큰 틀을 잡았습니다. 이번에는 단순 table로만 설정한 틀을 고치기위해서 CSS를 잡아줍시다. 테이블로 잡으면 코드를 보기가 너무 안좋습니다. 이번에는 section, aside 등을 활용하고 CSS로 디자인을 잡아줍시다. 오늘 핵심이 되는 것은 CSS의 활용과 페이지의 구획분활입니다. HTML5에는 마치 table과 div으로 나눠놓은 것처럼 구획이 나눠져 있습니다. 보통 아래와 같이 구분을 하게 됩니다. header는 웹에서 가장 맨 위부분을 차지하게 됩니다. 보통 웹의 정보를 담고 있는 부분입니다. nav는 navigation에서 파생된 것으로 특정 목적지로 이동할 수 있게 링크들을 모아둔 영역입니다. 보통 해당 웹페이지의 카테고리 영역이 위치하게 됩니다. section은 핵심적인 ..
[Web] SNS형 게시판 만들기 프로젝트 (2) - 기본 레이아웃
[Web] SNS형 게시판 만들기 프로젝트 (2) - 기본 레이아웃
2020.04.10전체적인 디자인을 구상했습니다. 2차 과제는 기본 게시판과 글 작성 페이지를 구현하는 것입니다. 기본적인 레이아웃을 잡으라는 과제이므로 table을 활용해서 기본 레이아웃을 잡읍시다. 저번에 작성한 스토리보드를 기반으로 만들어봅시다. CSS 활용은 우선 최소한으로 해보겠습니다. 대신 코드가 굉장히 더러워집니다;; 메인 게시판으로 이동하는 이미지 링크를 먼저 구현합니다. 제가 자주 쓰는 저작권 문제없는 이미지를 받는 사이트가 있습니다. https://icon-icons.com/ko/ 무료 아이콘 SVG, PNG, ICO 또는 ICNS icon-icons.com 여기서 적당한 집 아이콘을 다운로드하여서 사용해주겠습니다. 왼쪽 위 구석에 홈 이미지를 박아둘거기때문에 따로 위치 조정은 안 합니다. html로 코..