프론트엔드 초급 ① — HTML·CSS·DOM 큰 그림 | DAKER 학습

입문 · 약 115분

브라우저에 웹 페이지가 표시되는 과정을 HTML, CSS, DOM의 역할과 연결해 이해합니다. HTML로 내용의 구조를 잡고 CSS로 모양을 꾸미며, 브라우저가 문서를 DOM으로 구성하는 방식을 익힙니다.

커리큘럼

• 한눈에 보는 개요
• 퀴즈 — 한눈에 보는 개요
• 문서 구조와 시맨틱 HTML
• 퀴즈 — 문서 구조와 시맨틱 HTML
• 선택자·박스 모델·캐스케이드
• 퀴즈 — 선택자·박스 모델·캐스케이드
• 미니 랩: DOM 트리 읽고 고치기
• 퀴즈 — 미니 랩: DOM 트리 읽고 고치기
• 단어 사전
• 퀴즈 — 단어 사전
• 플래시카드
• 실습: 상품 카드 코드와 구조 설명 적기