HTML / CSS

html의 태그 , 시멘틱 코드, id/class 사용

flex, 와이어프레임, 레이아웃

계산기 만들기

요소를 배치하는 방법

웹 표준에 관련된 장점과 semantic한 사용법에 대한 내용 : 마크업 주의점, SEO 검색 엔진 최적화를 위한 설명

웹 접근성의 효과와 적용하는 방법을 예시와 함께 설명 : 웹 콘텐츠 접근성 지침 과 WAI-ARIA 종류 및 사용법

웹 브라우저의 동작원리, 구조, 렌저링 과정에 대한 설명과 반응형 웹 구현을 위한 미디어쿼리 사용법

animation 과 canverse

이벤트 전파와 버블링, 캡처링

input의 여러가지 타입 중 data, number의 사용법