웹디자인개발기능사 시험 D-30 체크리스트

기간별 체크리스트

체크 표시는 이 화면에서만 쓰이고 저장되지 않습니다. 인쇄해서 쓰셔도 됩니다.

1. D-30~D-22

   HTML5와 CSS 레이아웃을 먼저 굳혀요.

   • <!DOCTYPE html>, <meta charset="utf-8">, viewport 메타 태그와 시맨틱 요소(header·nav·article·section·aside·footer)의 쓰임을 한 장에 정리해요
   • img의 alt, label의 for와 input의 id, colspan·rowspan, dl·dt·dd처럼 자주 나오는 속성과 요소를 카드로 만들어요
   • 선택자 명시도(아이디·클래스·요소 개수)와 박스 모델 너비 계산(content-box·border-box)을 예상문제 숫자를 바꿔 직접 계산해 봐요
   • position(relative·absolute·fixed), flex의 justify-content·align-items, grid의 repeat(3, 1fr)을 에디터에 쳐서 브라우저로 결과를 확인해요
   • 미디어 쿼리의 max-width·min-width, rem과 em의 기준 차이를 정리해요

2. D-21~D-15

   JavaScript 기초와 메뉴·탭·슬라이드 동작 원리를 익혀요.

   • let·const·var의 차이, "5" + 3과 1 === "1" 같은 형 변환 문항을 콘솔에서 직접 실행해 봐요
   • querySelector·querySelectorAll, classList.add·remove·toggle의 차이를 표로 만들어요
   • mouseover·mouseout·click 이벤트와 setInterval·setTimeout으로 3초마다 넘어가는 슬라이드 코드를 짧게 짜 봐요
   • defer와 async, display: none과 visibility: hidden, transition과 animation(@keyframes)의 차이를 한 줄씩 적어요
   • jQuery의 slideDown·slideUp·fadeIn처럼 실기에서도 쓰는 메서드를 정리해요

3. D-14~D-8

   디자인 구성요소와 색채를 표로 정리해요.

   • 와이어프레임·스토리보드·사이트맵·무드보드·프로토타입의 차이를 한 줄씩 적어요
   • SVG·JPEG·PNG·GIF의 특징과 비트맵·벡터 차이, 이미지·영상 용량 계산(픽셀 × 바이트, 비트 ÷ 8)을 연습해요
   • 게슈탈트 법칙(근접성·유사성·폐쇄성·연속성)과 커닝·트래킹·레딩을 카드로 만들어요
   • 먼셀(H V/C)·오스트발트·NCS·CIE L*a*b* 표기법을 표 하나에 모으고, 가법·감법·병치혼합의 결과 색을 짝으로 외워요
   • 명도·채도·보색 대비, 음성 잔상, 푸르키니에 현상, 톤온톤·세퍼레이션·악센트 배색을 예시와 함께 정리해요

4. D-7~D-2

   60문항 모의고사로 점수를 확인하고 UX 조사 방법까지 마무리해요.

   • 60문항을 60분 안에 푸는 모의고사를 세 번 이상 보고 점수를 기록해요
   • 틀린 문항을 문제 은행의 네 주제(UX 기획·디자인 구성요소·웹 구현·색채)로 나눠 세어 보고, 가장 많이 틀린 주제의 표로 돌아가요
   • 페르소나·여정 지도·카드 소팅·A/B 테스트·생각 말하기·5초 테스트를 '무엇을 알아내는 방법인가'로 짝지어 외워요
   • 저작권 보호기간(사망 후 70년, 저작권법 제39조)과 CCL 기호(BY·NC·ND·SA)를 확인해요
   • CBT 시험장 위치와 이동 경로, 시험 시간대를 확인해 둬요

5. D-1

   표와 카드, 오답노트만 훑으며 머리를 정리해요.

   • HTML·CSS 카드, 이미지 형식 표, 표색계 표, 오답노트만 한 번씩 훑어요
   • 박스 모델 너비, 명시도, rem, 이미지 용량, ΔE 색차 계산을 종이에 한 번씩 써 봐요
   • 수험표의 시험 일시와 시험장을 확인하고 출발 시각을 정해요
   • 신분증 인정 범위와 입실 마감 시각은 큐넷 수험자 안내를 확인하고, 새 문제집은 펴지 않아요

6. 시험 당일

   한 과목 안에 기획·디자인·코드·색채가 섞여 나오는 60문항을 시간 안에 고르게 풀어요.

   • 수험표와 신분증을 챙겨 시험장에 여유 있게 도착하고, 입실은 감독관 안내를 따라요
   • 코드 문항은 보기의 태그·속성 이름에 오타가 섞이지 않았는지 한 글자씩 확인해요
   • '옳지 않은 것은?' 문항은 문제 끝을 한 번 더 읽고 골라요
   • 계산 문항은 식을 메모지에 먼저 쓰고 숫자를 넣어 풀어요
   • 막힌 문항은 표시하고 넘긴 뒤, 60문항을 한 번 다 풀고 나서 다시 봐요

시험이 끝난 뒤

• CBT 점수 확인과 실기 접수

  CBT는 답안을 제출하면 화면에서 점수를 바로 볼 수 있고, 공식 합격 여부는 발표일에 큐넷에서 확인해요. 정기 기능사 일정이라 필기 합격 발표 며칠 뒤 같은 회차의 실기 접수가 열리므로(2026년 4회는 10월 7일 발표, 10월 12~15일 실기 접수), 발표 전에 실기 연습 계획을 세워 두세요. 실기 응시료는 20,100원이에요.

• 실기는 3시간 정도의 웹페이지 제작 작업형

  실기는 수험자 제공 파일(이미지·텍스트·jQuery 등)을 활용해 HTML·CSS·JavaScript로 메인페이지를 만들어 제출하는 작업형이에요. 2026년 공개문제(Q-Net 공개, 과제 24개)를 보면 HTML5 웹 표준과 W3C 유효성 검사 오류 없음, CSS·JavaScript 별도 파일, Chrome 개발도구 콘솔 오류 없음, 모든 이미지 alt, Tab 키 이동, index.html을 최상위 폴더에 두고 10MB를 넘기지 않기 같은 조건이 붙어요. 시험 중 인터넷과 유효성 검사 서비스는 쓸 수 없어요.

• 실격 조건부터 확인하기

  공개문제의 수험자 유의사항에는 슬라이드를 JavaScript(jQuery 포함)나 CSS로 만들지 않거나 이미지 한 장만 둔 경우, 작품을 압축해 제출한 경우, 비번호 폴더에 저장하지 못한 경우, 과제 기준 20% 이상 완성하지 못한 경우 등이 실격으로 적혀 있어요. 연습할 때부터 메뉴·슬라이드·탭·레이어 팝업을 3시간 안에 모두 동작하게 만드는 순서를 정해 두세요.

웹디자인개발기능사 시험 준비 자주 묻는 질문