학습 공간 개념 · 판단 · 실험
Frontend Performance LabHTML
처음 접하는 개념부터 원리와 설계 적용까지, 필요한 단계부터 시작하세요.
개념 노트 6개 · 직접 실습 0개
시작 전 웹 페이지를 열고 텍스트 파일을 저장할 수 있으면 시작할 수 있습니다.
처음부터 시작 →순서는 권장 경로입니다. 이미 아는 내용은 건너뛰어도 됩니다. 제목·목록·링크·입력 폼을 의미에 맞게 작성할 수 있다면 CSS를 시작해도 좋습니다.
01
시작하기
문서 하나를 만들고 브라우저에서 확인합니다.
02
기초 익히기
콘텐츠와 입력의 역할을 태그로 표현합니다.
03
원리 이해하기
기본 동작과 문서 상태, 스크립트가 연결되는 방식을 읽습니다.
HTML 의미와 DOM의 현재 상태 →
관련 면접 질문 4개스크립트 로딩과 파서 진행 →
관련 면접 질문 2개04
설계에 적용하기
실제 예매 폼의 입력·키보드 사용·제출 경계를 점검합니다.
상황 판단
직접 해볼 과제
공연 제목·안내 목록·이름 입력·요청 버튼이 있는 HTML 문서를 작성해 보세요.
확인할 기준
- label을 눌렀을 때 해당 입력창으로 초점이 이동하는가
- Tab으로 링크·입력·버튼에 접근할 수 있는가
- 제출 버튼을 만드는 것과 서버 예매 확정을 구분해 설명할 수 있는가
과제는 직접 작성·확인하는 연습입니다. 자동 채점이나 완료 기록은 제공하지 않습니다.