1 / 15 · 필수 학습
HTML 입문: 시맨틱 문서와 접근 가능한 폼 만들기
HTML 문서 뼈대, 제목 계층, label과 fieldset을 연결하고 키보드와 필수 입력 검사를 확인하는 첫 퍼블리싱 실습입니다.
웹 퍼블리싱 초급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
HTML의 의미와 CSS 배치 원리를 익혀, 문서 구조가 명확하고 다양한 화면에서 읽기 편한 페이지를 만드는 방법을 다룹니다.
학습 주제
접근성과 반응형 요구를 함께 고려하여, 반복되는 화면 요소를 일관되게 구현하고 실제 표시 문제를 해결하는 방법을 다룹니다.
학습 주제
복잡한 화면의 유지보수와 성능을 함께 고려하여, 스타일 구조와 디자인 시스템의 선택 근거를 설명하는 설계를 다룹니다.
학습 주제
총 5개의 글
1 / 15 · 필수 학습
HTML 문서 뼈대, 제목 계층, label과 fieldset을 연결하고 키보드와 필수 입력 검사를 확인하는 첫 퍼블리싱 실습입니다.
2 / 15 · 필수 학습
분리한 HTML과 CSS 파일로 content-box와 border-box를 비교하고 선택자 명시도, 작성 순서, 상속을 개발자 도구에서 확인합니다.
3 / 15 · 필수 학습
Flex 주축과 교차축, 줄바꿈, flex 크기와 미디어 쿼리를 조합해 모바일부터 넓은 화면까지 읽을 수 있는 완전한 카드 페이지를 만듭니다.
4 / 15 · 필수 학습
기준 부모, 일반 흐름, 스크롤 영역을 비교하며 배지와 고정 안내, sticky 실패를 직접 고칩니다.
5 / 15 · 필수 학습
HTML의 details와 summary로 질문 세 개를 접고 펼치고, 분리한 CSS 파일로 여백과 키보드 초점을 정리합니다. open 속성과 직접 확인할 과제, 시작·완성 파일을 함께 제공합니다.