R37 · LEARN BY BUILDING · 01 → 18 실기, 빈 폴더부터 어떤 파일을 열어야 할지부터 가르칩니다. HTML을 한 영역씩 입력하고 CSS로 모양을 만들고 마지막에 움직임을 연결합니다. 매 강의 시작 파일 = 바로 전 강의 완성 파일 입니다.
설치 없이 파일 제작 한 작품 누적 완성 PC·모바일 화면 비교 오프라인 제출 검사
COURSE ROADMAP 01–03 폴더 · HTML · 메뉴
04–10 CSS · 슬라이드 · 카드 · 푸터
11–13 팝업 · 반응형
14–17 실제 클릭 기능
18 제출 확인 · 180분 실전 연결
학습과 시험은 구분합니다. 이 과정은 K-BOOKS 자체 제작 E01 여울 문화공간을 활용한 연습입니다. 2026년 공식 실기는 3시간·제출 10MB이고 실제 문제는 공개문제와 달라질 수 있습니다.
Q-Net 안내 를 확인하세요. 학생 코드는 이 사이트에서 자동으로 덮어쓰거나 서버에 저장하지 않습니다.
STEP BY STEP 실기 첫걸음 18단계 한 단계가 끝날 때 실제 결과를 확인하고 다음 단계로 이동합니다.
내 확인 기록 0 / 18
이 브라우저에만 저장 · 시험 점수 아님 준비되면 E01 180분 모의시험 → 단계 선택
① 오늘 실제로 할 일 파일 찾기 → 입력 → 실행
④ 실제 완성 화면과 비교 PC 태블릿 모바일 작은 모바일
미리보기는 제공한 FINISH 결과입니다. 지금 입력하는 내 파일은 자동으로 바뀌지 않습니다. 이미지만 참고하세요.
⑤ 내 손으로 확인하는 질문
← 이전 단계 다음 단계 →
따라 만들었다면 이제 힌트를 닫고 시작합니다. 먼저 E01 실전 페이지를 보고 빈 제출 파일에 다시 작성하세요. 그다음 E02 좌우 슬라이드, E03 상하 슬라이드로 넘어갑니다.