📋 시험 개요
웹디자인개발기능사 실기 시험은 HTML, CSS, JavaScript를 활용하여 반응형 웹페이지를 제작하는 실무 능력을 평가합니다. 2025년 개정된 출제 기준에 따라 A~F까지 6개 유형, 총 24개 문제 중 1개가 랜덤으로 출제됩니다.
⏱️
시험 시간
3시간
📄
문제 유형
24개
🎯
합격 기준
60점
💻
작업 환경
VS Code
📚 출제 유형별 특징
| 유형 | 슬라이드 | 메뉴 | 팝업 | 특이사항 |
|---|---|---|---|---|
| A형 | 이미지 슬라이드 | 서브메뉴 | 레이어 팝업 | 기본형 |
| B형 | 이미지 슬라이드 | 서브메뉴 | 레이어 팝업 | 탭메뉴 포함 |
| C형 | 텍스트 슬라이드 | 서브메뉴 | 레이어 팝업 | 세로형 슬라이드 |
| D형 | 이미지 슬라이드 | 드롭다운 | 레이어 팝업 | 갤러리 포함 |
| E형 | 이미지 슬라이드 | 아코디언 | 레이어 팝업 | 아코디언 메뉴 |
| F형 | 이미지 슬라이드 | 드롭다운 | 레이어 팝업 | 탭메뉴 포함 |
🅰️ A형 - 기본형
이미지 슬라이드 / 서브메뉴 / 레이어 팝업
🅱️ B형 - 탭메뉴 포함
이미지 슬라이드 / 서브메뉴 / 레이어 팝업
©️ C형 - 세로형 슬라이드
텍스트 슬라이드 / 서브메뉴 / 레이어 팝업
🇩 D형 - 갤러리 포함
이미지 슬라이드 / 드롭다운 / 레이어 팝업
🇪 E형 - 아코디언 메뉴
이미지 슬라이드 / 아코디언 / 레이어 팝업
🇫 F형 - 탭메뉴 포함
이미지 슬라이드 / 드롭다운 / 레이어 팝업
✅ 합격을 위한 학습 전략
1단계: 기본기 다지기 (1~2주)
HTML 시맨틱 태그, CSS Flexbox/Grid, JavaScript DOM 조작의 기본기를 탄탄히 합니다.
2단계: 유형별 분석 (1주)
A~F 유형의 PDF 문제지를 분석하고, 공통 패턴과 차이점을 파악합니다.
3단계: 실전 연습 (2~3주)
실제 시험 환경과 동일하게 3시간 타이머를 설정하고 직접 제작합니다.
4단계: 코드 비교 학습
샘플 코드와 내 코드를 비교하며 최적화 방법을 학습합니다.
💡 합격 팁
모든 유형에서 공통으로 등장하는 슬라이드, 팝업 기능의 JavaScript 코드를 암기하면 시험 시간을 크게 단축할 수 있습니다. 특히 setInterval과 이벤트 핸들링은 반드시 숙지하세요.