HTML·CSS · 초급
HTML·CSS 초급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.
단계별 학습 목표
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
초급 목표
HTML의 의미와 CSS 배치 원리를 익혀, 문서 구조가 명확하고 다양한 화면에서 읽기 편한 페이지를 만드는 방법을 다룹니다.
학습 주제
- 시맨틱 HTML
- 박스 모델과 배치
- 반응형 기초
중급 목표
접근성과 반응형 요구를 함께 고려하여, 반복되는 화면 요소를 일관되게 구현하고 실제 표시 문제를 해결하는 방법을 다룹니다.
학습 주제
- 키보드 접근성
- 반응형 레이아웃 조합
- 재사용 스타일 구조
고급 목표
복잡한 화면의 유지보수와 성능을 함께 고려하여, 스타일 구조와 디자인 시스템의 선택 근거를 설명하는 설계를 다룹니다.
학습 주제
- 디자인 토큰 설계
- CSS 구조와 변경 비용
- 렌더링 성능 점검
단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.
초급 5개
학습 1 / 11 · 필수 학습
HTML 입문: 시맨틱 문서와 접근 가능한 폼 만들기학습 2 / 11 · 필수 학습
CSS 입문: 박스 모델·선택자·캐스케이드 직접 확인하기학습 3 / 11 · 필수 학습
CSS Flex와 미디어 쿼리 입문: 반응형 카드 페이지 만들기학습 4 / 11 · 필수 학습
CSS position 완전 이해: relative·absolute·fixed·sticky 실습학습 5 / 11 · 필수 학습
HTML details와 summary로 접근 가능한 FAQ 만들기
이 단계의 학습 글은 준비 중입니다.
