<게시판 와이어 프레임 html로 구현> 1일차

목표

1. 만든 프레임을 html 구조화 방식으로 나누기

2. 각각 세부 내용을 div 혹은 span으로 모으기

3. 모르는 기능을 무엇인지 작성하고, 해당 해결방안과 알게 된 점을 기록하기

4. 시간이 남으면, 로그인 기능을 구현하는 방법 찾아보기

 

1. 게시판 홈

1) header 부분

1-1) 아이콘 크기 키우기

/* 기존 코드 */
<i class="fas fa-subway"></i>

/* fa-2x 추가 */
<i class="fas fa-subway fa-2x"></i>

2x는 2배를 의미하므로 원하는 배수만큼 해당 숫자를 변경 시키면 됩니다.

 

1-2) div를 가로로 균등 배분

display: flex
justify-content: space-between;

/* 양 끝에 닿지 않게 */
justify-content: space-around;

1-3) ul li에서 마크 없애기

list-style:none;