e나라도움 프로젝트 4

시멘틱 마크업 div, section, article, h2 등 수많은 태그들을 문서 내용에 맞게 선택해서 사용하는 것 [ 장점 ] 1. SEO - 검색엔진 최적화에 유리 2.

웹접근성 - 시각장애인들도 웹을 편리하게 접할 수있도록 도와줌 3. 유지보수 - 정리된 마크업은 코드 식별이 용이함 위와 같은 형식으로 div 떡칠하지 말고 의미있는 마크업으로 만들어보자.

목표 : 반응형 시멘틱 마크업 분석해서 적용하기 - 모바일에서는 nav가 토글로 숨겨질 것(js사용) - main 안에 열을 두개로 설정하여 aside를 넣을 것 - 모바일에서 일정 너비로 줄어들면 aside는 아래로 내려갈 것 - scss 문법을 사용할 것 vsCode 에서 Sass 사용하기 node로 sass를 설치해서 packa.....