KK-BOOKS WEB DESIGN · PRACTICAL BRIDGE
K-BOOKS ORIGINAL · R34

처음 만드는 실기시험형 홈페이지

기초 66강을 마쳤다면 이번에는 강의별 따로 노는 예제 대신, 한 프로젝트를 8단계로 누적 작성합니다. E01 여울 문화공간의 제공 이미지·텍스트를 사용합니다.

8단계3파일3h모의시험
실기를 처음 시작한다면? · R37 첫걸음 18단계

빈 폴더부터 HTML·CSS·메뉴·슬라이드·탭·팝업을 한 줄씩 따라 만들고, 그다음 이 8단계 입문과 3시간 실전으로 넘어가세요.

첫걸음 18단계 시작 →
실제 시험과 구분하세요. 이 수업은 K-BOOKS 자체 제작의 실기 입문 과정이며 Q-Net 공식 공개문제·공식 채점기가 아닙니다. 학습 중에는 완성 코드를 참고할 수 있지만, 모의시험에서는 빈 파일로 다시 시작합니다. 2026년 공식 안내: 3시간·10MB·인터넷 없는 환경. Q-Net 확인 ↗
P01 / 08

강의 불러오는 중

지난 기초에서 가져오는 내용

이번 단계에서 수정할 파일

검색할 표시:

START의 표시 위치를 찾아 아래 코드로 바꿉니다. 다른 파일은 그대로 둡니다.

① 실제 작성 순서

읽기 → 직접 입력 → 실행

    ② 이번에 입력할 코드

    연습 때는 코드를 복사하기보다 뜻을 읽고 직접 입력해 보세요. 변경할 부분만 표시하며, P04처럼 여러 표시가 있는 단계는 구간별로 나눴습니다.

    이번 단계 전체 완성 파일 비교하기 (힌트)

    ③ 실제 결과 확인

    아래는 단계별 FINISH 코드를 실제 iframe으로 실행합니다. 학생이 작성 중인 코드는 자동으로 교체되지 않습니다. 직접 작성한 START와 비교하세요.

    ④ 흔한 오류와 복구

    ⑤ 직접 확인하기

    아래 항목은 자동 합격 판정이 아니라 학생의 자기 점검 기록입니다. 확인하지 않은 항목은 체크하지 마세요.

    8단계를 끝냈다면, 이제 빈 파일에서 다시 시작합니다.

    입문에서 만든 코드를 시험 답안처럼 그대로 가져가는 것이 아닙니다. E01 모의실기 문제지를 읽고, 제공 ZIP에서 빈 index.html·style.css·script.js를 이용해 제한 시간 180분 안에 직접 작성합니다. 타이머·제출 형식 확인은 기존 훈련실을 사용합니다.

    모의시험은 공식 시험과 동일한 채점 또는 시험 감독 환경이 아닙니다. 실제 시험은 시험 당일 문제지와 감독 지시에 따라 제출해야 합니다.