학습 경로
순서가 있는 문제 묶음으로 개념을 익히고 진행도를 이어가세요.
HTML 문법과 문서 구조부터 접근성 있는 폼과 종합 페이지까지 48단계로 학습합니다.
선택자부터 박스 모델과 CSS 변수까지, 화면을 읽기 좋게 꾸미는 기본기를 익힙니다.
Flexbox, Grid, 위치 지정과 반응형 설계를 단계별로 연습합니다.
변수, 조건, 함수, 배열과 객체를 사용해 데이터를 다루는 기초를 익힙니다.
HTML 요소를 찾고 바꾸며, 클릭·입력·폼 이벤트에 반응하는 화면을 만듭니다.
문서 구조, 키보드, 폼, 상태 알림과 대화상자를 모두가 사용할 수 있게 만듭니다.
네이티브 HTML, CSS, DOM과 접근성을 조합해 실제 서비스에서 사용하는 인터페이스를 완성합니다.
Promise와 fetch부터 로딩·오류·빈 상태, 요청 취소와 서버 페이지네이션까지 실제 데이터 화면의 흐름을 익힙니다.
엄격한 컴파일 설정에서 추론, 객체와 함수 타입, 유니온, 제네릭, DOM과 외부 데이터 검증까지 안전한 프론트엔드 코드를 익힙니다.