K-BOOKS ORIGINAL TASK · E04

힌트 없이
180분 안에 완성해 보기

이번에는 이전의 정답을 따라 쓰지 않습니다. E02에서 익힌 왼쪽 메뉴와 E03에서 익힌 상하 슬라이드를 조합한 새 문제입니다. 빈 HTML·CSS·JS와 제공 이미지만으로 완성하세요.

정답 파일은 이 페이지와 학생용 ZIP에 포함되지 않습니다.

180분작업형 시간제한 연습

10MB제출 용량 자가 확인

1200pxPC 레이아웃 기준 폭

오프라인외부 라이브러리 없이 실행

시험 연습 순서

10분문제 해석

40분HTML

50분CSS

50분JavaScript

20분작동 검사

10분제출 점검

시작 전 학생용 ZIP을 내려받아 압축을 풀고 타이머를 준비하세요. 180분 동안 온라인 단계별 강의·완성본·코드 복사 없이 직접 작성합니다. 종료 후 제출 검사기에서 필수 오류와 수동 기능 점검을 구분해 확인하고, 완주 기록표에 실제 시간을 남깁니다.

200px 왼쪽 메뉴와 1000px 오른쪽 본문, 위아래로 전환하는 이미지 3장, 공지/갤러리 탭, 레이어 팝업, 상대경로 이미지 연결을 확인하세요. PC 레이아웃을 우선 완성하고 시간이 남으면 모바일 반응형을 점검합니다.

이 과제는 K-BOOKS 자체 제작 모의문제입니다. 시험 유형을 응용해 독립 제작을 연습하지만 실제 문제 또는 공식 채점 기준은 아닙니다. 2026년 Q-Net 공개문제에서 안내한 실기 3시간·데이터 10MB·시험장 인터넷 차단 조건을 참고했습니다.