반응형 Project 34 e나라도움 프로젝트3 보호되어 있는 글 입니다. 2024. 1. 30. e나라도움 프로젝트2 보호되어 있는 글 입니다. 2024. 1. 24. [e나라도움 프로젝트] 외부 개발 후기 (사이트 고도화 / 제품 마이그레이션) 보호되어 있는 글 입니다. 2024. 1. 24. 더퓨어웹사이트 프로젝트2 보호되어 있는 글 입니다. 2023. 3. 29. [pureapp 프로젝트] 반응형 시멘틱 마크업 공부 🔶 시멘틱 마크업 div, section, article, h2 등 수많은 태그들을 문서 내용에 맞게 선택해서 사용하는 것 [ 장점 ] 1. SEO - 검색엔진 최적화에 유리 2. 웹접근성 - 시각장애인들도 웹을 편리하게 접할 수있도록 도와줌 3. 유지보수 - 정리된 마크업은 코드 식별이 용이함 위와 같은 형식으로 div 떡칠하지 말고 의미있는 마크업으로 만들어보자. 📢 목표 : 반응형 시멘틱 마크업 분석해서 적용하기 - 모바일에서는 nav가 토글로 숨겨질 것(js사용) - main 안에 열을 두개로 설정하여 aside를 넣을 것 - 모바일에서 일정 너비로 줄어들면 aside는 아래로 내려갈 것 - scss 문법을 사용할 것 📢 vsCode 에서 Sass 사용하기 node로 sass를 설치해서 packa.. 2023. 3. 28. 더퓨어웹사이트 프로젝트1 보호되어 있는 글 입니다. 2023. 3. 24. 이전 1 2 3 4 5 6 다음 반응형 LIST
