⚙ 웹 개발 이해 🔍 HTML ✔ HTML 구성 요소 ✔ HTML 문서의 기본 구조 트리 구조 ✔ 레이아웃 구조
👀 시맨틱 요소 ✔ 시맨틱 요소 사용의 장점 ✔ 시맨틱 요소의 종류
✔ id / class ✔ 조회 API
✔ HTML 입력 양식(form,Input,button) ✔ Form ✔ Input ✔ button(button, sumbit, reset)
✔ 자주 쓰이는 태그 ✔ Display 속성 ✔ p 태그 와 div 태그의 차이 ✔ div와 section의 차이
🔍 HTML에 JavaScript 적용하기 👀 script 요소 삽입 위치 비교 ✔ <script> 요소를 <head> 안쪽에 삽입하는 경우 ✔ <body> 요소가 끝나기 전에 삽입하는 경우 ✔ async ✔ defer
🔍 웹 표준 👀 Semantic HTML 👀 Mark-up 사용 시 주의사항 👀 크로스 브라우징 ✔ 워크 플로우
🔍 SEO(Search Engine Optimization) 👀 SEO에 영향을 미치는 요소 ✔ <title> 요소 ✔ <meta> 요소 ✔ <hgroup> 요소 ✔ Contents 🔥 실습 예시
🔍 웹 접근성 👀 웹 콘텐츠 접근성 지침(Web Content Accessibility Guidelines) ✔ 인식의 용이성(Perceivable) ✔ 운용의 용이성(Operable) ✔ 이해의 용이성(Understandable) ✔ 견고성(Robust) 👀 W