티스토리 뷰
웹디자인개발기능사 필기 기출문제와 합격 전략, 구글 시트 활용법 총정리
웹디자인개발기능사는 웹페이지의 디자인 원리와 사용자 인터페이스, HTML, CSS, 자바스크립트 등 웹 제작에 필요한 기초 지식을 평가하는 국가기술자격입니다. 2025년 1월 1일부터 기존 웹디자인기능사 명칭이 웹디자인개발기능사로 변경되었으며, 필기시험도 개정된 출제기준에 맞춰 준비해야 합니다.
필기시험은 단순히 이론서를 처음부터 끝까지 외우는 방식보다 기출문제를 반복해서 풀고, 자주 틀리는 개념을 별도로 정리하는 방식이 효과적입니다. 특히 구글 시트를 이용하면 기출문제, 오답, 정답률, 취약 분야를 한곳에서 관리할 수 있어 짧은 기간에도 체계적으로 공부할 수 있습니다.
목차
1. 웹디자인개발기능사 필기시험 기본 정보
2. 필기시험 주요 출제 분야
3. 기출문제 중심으로 공부해야 하는 이유
4. 필기 기출문제를 구하는 방법
5. 과목별 핵심 공부 방법
6. 단기간 합격을 위한 회독 전략
7. 구글 시트 기출문제 정리 방법
8. 구글 시트 자동화 수식 활용법
9. 시험 직전 일주일 공부 계획
10. CBT 시험장에서 문제 푸는 요령
11. 자주 실패하는 공부 방법과 개선책
12. 필기 합격 후 실기 준비 방향
1. 웹디자인개발기능사 필기시험 기본 정보
웹디자인개발기능사는 한국산업인력공단에서 시행하는 기능사 등급의 국가기술자격입니다. 응시자격에 특별한 학력이나 경력 제한이 없어 웹디자인 입문자, 취업 준비생, 학생, 직장인도 응시할 수 있습니다.
필기시험 과목은 현재 웹페이지 구현과 웹페이지 제작으로 구성됩니다. 시험은 객관식 형태의 CBT 방식으로 진행되며, 컴퓨터 화면에 표시되는 문제를 보고 정답을 선택하는 방식입니다.
일반적으로 기능사 필기시험은 총 60문항을 60분 동안 풀며, 100점 만점 기준 60점 이상을 받으면 합격합니다. 60문항 기준으로 계산하면 최소 36문항 이상을 맞혀야 하지만, 실수 가능성을 고려해 연습 단계에서는 42문항 이상을 안정적으로 맞히는 것을 목표로 하는 것이 좋습니다.
필기시험에 합격하면 일정 기간 동안 필기시험이 면제되며 실기시험에 응시할 수 있습니다. 다만 시험과목, 시험시간, 수수료, 출제기준은 변경될 수 있으므로 원서접수 전에는 반드시 최신 공고를 확인해야 합니다.
2. 필기시험 주요 출제 분야
웹디자인개발기능사 필기시험은 웹디자인 이론만 묻는 시험이 아닙니다. 디자인 원리, 색채, 웹 기술, 사용자 인터페이스, 웹페이지 제작 원리 등 여러 분야가 혼합되어 출제됩니다.
웹디자인 기초에서는 디자인의 요소와 원리, 조형 원리, 균형, 비례, 통일, 강조, 반복, 대비 등의 개념이 자주 등장합니다. 비슷해 보이는 용어의 차이를 구분할 수 있어야 합니다.
색채와 그래픽에서는 색의 3속성, 색상환, 보색, 명도, 채도, 가산혼합, 감산혼합, 이미지 파일 형식, 비트맵과 벡터 이미지의 차이 등이 출제될 수 있습니다.
사용자 인터페이스와 웹 접근성에서는 사용자가 편리하게 웹사이트를 이용할 수 있도록 화면을 구성하는 방법, 메뉴 구조, 내비게이션, 가독성, 일관성, 반응형 웹, 접근성 원칙 등을 알아야 합니다.
HTML과 CSS에서는 문서 구조, 태그의 역할, 선택자, 박스 모델, 여백, 테두리, 글자 속성, 배치 방법, 반응형 화면 구성 등이 핵심입니다.
자바스크립트와 웹 동작에서는 변수, 조건문, 반복문, 함수, 이벤트, 객체, 배열, 문서 객체 모델 등 기초적인 프로그래밍 개념이 출제될 수 있습니다.
웹 기술 일반에서는 인터넷과 웹의 작동 원리, 브라우저, 서버와 클라이언트, 도메인, 프로토콜, 이미지 최적화, 웹페이지 전송 방식 등을 정리해야 합니다.
3. 기출문제 중심으로 공부해야 하는 이유
웹디자인개발기능사 필기시험은 출제 범위가 넓지만, 기출문제를 분석하면 반복적으로 등장하는 핵심 개념을 확인할 수 있습니다. 문제 문장이 완전히 같지 않더라도 동일한 개념을 다른 방식으로 묻는 경우가 많습니다.
예를 들어 색채 문제에서는 보색의 관계, 가산혼합과 감산혼합, 색의 3속성이 반복적으로 등장합니다. HTML 문제에서는 문서 구조와 태그의 용도, CSS 문제에서는 선택자와 박스 모델이 자주 출제됩니다.
기출문제를 풀면 실제 시험에서 사용하는 표현에도 익숙해집니다. 이론서에서는 이해한 내용도 문제 형태로 보면 헷갈릴 수 있는데, 기출문제를 반복하면 출제자가 어떤 방식으로 오답을 만드는지 파악할 수 있습니다.
다만 과거 웹디자인기능사 기출문제만 암기해서는 부족할 수 있습니다. 2025년부터 자격 명칭과 출제기준이 변경되었기 때문에 기존 기출문제는 기초 개념 확인용으로 활용하고, 최신 출제기준을 반영한 예상문제와 복원문제도 함께 풀어야 합니다.
4. 필기 기출문제를 구하는 방법
웹디자인개발기능사 기출문제는 자격증 수험서, CBT 문제은행, 온라인 강의 자료, 복원문제 등을 통해 구할 수 있습니다. 한 가지 자료만 이용하기보다 서로 다른 자료를 비교하면서 공부하는 것이 좋습니다.
먼저 과거 웹디자인기능사 기출문제를 여러 회차 풀어보면 디자인 일반, 색채, 인터넷 일반, 웹 그래픽 관련 기초를 익힐 수 있습니다. 기존 문제 중 일부는 현재 시험에서도 기본 개념으로 활용할 수 있습니다.
그다음에는 개정 출제기준을 반영한 웹디자인개발기능사 예상문제를 풀어야 합니다. 최신 수험서에는 변경된 과목 체계와 HTML, CSS, 자바스크립트, 사용자 인터페이스 관련 문제가 보강되어 있는 경우가 많습니다.
온라인에서 제공되는 문제를 이용할 때는 문제의 작성 연도와 출제기준 반영 여부를 확인해야 합니다. 제목만 최신으로 표시되어 있고 실제 문제는 오래된 기출문제를 그대로 구성한 경우도 있기 때문입니다.
기출문제는 많이 모으는 것보다 동일한 문제를 반복해서 정확히 이해하는 것이 중요합니다. 처음에는 5회분 정도를 선정한 후, 정답률이 85점 이상 나올 때까지 반복하는 방식이 효율적입니다.
5. 과목별 핵심 공부 방법
디자인 원리는 용어를 단순히 암기하지 말고 실제 화면을 떠올리면서 공부해야 합니다. 균형은 화면의 안정감, 강조는 특정 요소에 시선을 집중시키는 원리, 통일은 여러 요소가 하나의 구성처럼 보이게 하는 원리로 이해하면 좋습니다.
색채는 표로 정리하면 효과적입니다. 빛의 삼원색은 빨강, 초록, 파랑이며 모두 혼합하면 흰색에 가까워집니다. 색료의 삼원색은 시안, 마젠타, 노랑이며 혼합할수록 어두워지는 특성이 있습니다.
그래픽 파일 형식은 특징을 비교해야 합니다. JPEG는 사진과 같은 이미지에 적합하고, PNG는 투명 배경을 지원하며, GIF는 제한된 색상과 간단한 애니메이션에 사용됩니다. SVG는 벡터 기반이므로 확대해도 깨짐이 적습니다.
HTML은 태그 이름만 외우지 말고 문서 구조를 직접 작성해 보는 것이 좋습니다. 제목, 문단, 목록, 이미지, 링크, 표, 입력양식이 어떤 태그로 구성되는지 알아야 합니다.
CSS는 선택자와 박스 모델이 핵심입니다. 콘텐츠 영역, 안쪽 여백, 테두리, 바깥 여백의 관계를 정확히 이해해야 하며, 클래스 선택자와 아이디 선택자의 차이도 구분해야 합니다.
자바스크립트는 코드를 완전히 작성하는 수준보다 짧은 코드의 실행 결과를 판단하는 연습이 필요합니다. 변수에 어떤 값이 저장되는지, 조건문에서 어느 부분이 실행되는지, 반복문이 몇 번 실행되는지를 확인하는 문제가 중요합니다.
6. 단기간 합격을 위한 회독 전략
필기시험 준비기간이 짧다면 이론서를 처음부터 정독하기보다 기출문제와 핵심이론을 병행하는 것이 좋습니다. 전체 공부는 3회독 방식으로 구성할 수 있습니다.
1회독에서는 정답률을 신경 쓰지 않고 문제 유형을 파악합니다. 문제를 풀고 바로 해설을 확인하면서 모르는 용어에 표시합니다. 한 문제를 오래 붙잡기보다 전체 범위를 빠르게 보는 것이 중요합니다.
2회독에서는 틀린 문제와 헷갈린 문제만 다시 풉니다. 정답만 외우지 말고 다른 선택지가 왜 틀렸는지 확인해야 합니다. 이 단계부터 구글 시트에 오답을 정리하면 좋습니다.
3회독에서는 실제 시험처럼 시간을 정해 60문제를 풀어봅니다. 한 회분을 40분에서 50분 이내에 풀고, 남은 시간에는 표시한 문제를 검토하는 연습을 합니다.
목표 점수는 간신히 합격할 수 있는 60점이 아니라 75점 이상으로 잡는 것이 안전합니다. 모의고사에서 계속 70점 이상이 나온다면 실제 시험에서도 비교적 안정적으로 합격할 가능성이 높습니다.
7. 구글 시트 기출문제 정리 방법
구글 시트를 이용하면 기출문제를 문제별로 분류하고, 틀린 횟수와 정답률을 자동으로 확인할 수 있습니다. 별도의 프로그램을 설치하지 않아도 컴퓨터와 스마트폰에서 동일한 자료를 볼 수 있다는 장점도 있습니다.
시트의 첫 번째 행에는 다음과 같은 항목을 입력합니다.
| 열 | 항목 | 입력 내용 |
| A열 | 번호 | 문제 관리 번호 |
| B열 | 출제연도 | 문제가 출제되거나 복원된 연도 |
| C열 | 분야 | 디자인, 색채, HTML, CSS, 자바스크립트 등 |
| D열 | 문제 | 문제 내용 요약 |
| E열 | 정답 | 정답 번호 또는 핵심 내용 |
| F열 | 내 답 | 직접 선택한 답 |
| G열 | 채점 | 정답 또는 오답 표시 |
| H열 | 오답 이유 | 틀린 원인과 헷갈린 개념 |
| I열 | 복습 횟수 | 문제를 다시 본 횟수 |
| J열 | 암기 완료 | 체크박스로 완료 여부 표시 |
문제 전체를 그대로 입력하면 시간이 많이 걸릴 수 있으므로 핵심 문장만 요약해서 입력하는 것이 좋습니다. 예를 들어 문제 전체 대신 ‘빛의 삼원색 조합’, ‘CSS 아이디 선택자’, ‘PNG 파일 특징’처럼 적어도 충분합니다.
오답 이유에는 단순히 ‘몰랐음’이라고 적지 말고 구체적인 원인을 입력합니다. ‘가산혼합과 감산혼합을 반대로 기억함’, ‘클래스 선택자와 아이디 선택자 기호 혼동’, ‘JPEG와 PNG 투명 배경 지원 여부 혼동’처럼 적어야 복습 효과가 커집니다.
8. 구글 시트 자동화 수식 활용법
구글 시트에서 정답과 내 답을 비교해 자동으로 채점하려면 G2 셀에 다음과 같은 수식을 입력할 수 있습니다.
=IF(E2=F2,"정답","오답")
수식을 아래쪽 셀까지 복사하면 답을 입력할 때마다 자동으로 정답과 오답이 표시됩니다. 오답 셀을 빨간색으로 표시하고 싶다면 조건부 서식을 이용하면 됩니다.
전체 정답률을 계산하려면 다음과 같은 방식의 수식을 사용할 수 있습니다.
=COUNTIF(G2:G61,"정답")/COUNTA(G2:G61)
해당 셀의 표시 형식을 백분율로 변경하면 현재 정답률을 쉽게 확인할 수 있습니다.
분야별 오답 수를 확인하려면 별도의 요약 시트를 만들 수 있습니다. 디자인, 색채, HTML, CSS, 자바스크립트 등의 분야를 세로로 입력하고, 각 분야별 오답 개수를 계산합니다.
=COUNTIFS(C:C,"CSS",G:G,"오답")
이 수식을 사용하면 CSS 분야에서 틀린 문제 수를 자동으로 집계할 수 있습니다. 같은 방식으로 HTML, 색채, 디자인 분야를 각각 계산하면 자신의 취약 영역을 한눈에 볼 수 있습니다.
오답 문제만 따로 확인하려면 필터 기능을 적용한 뒤 G열에서 오답만 선택하면 됩니다. 시험 전날에는 전체 문제를 다시 보는 대신 이 오답 필터만 이용해 복습하면 시간을 크게 절약할 수 있습니다.
9. 시험 직전 일주일 공부 계획
시험 7일 전에는 기출문제 한 회분을 시간 제한 없이 풀고 취약 분야를 확인합니다. 이때 점수가 낮더라도 문제 유형을 파악하는 단계이므로 조급해할 필요는 없습니다.
시험 6일 전에는 디자인 원리와 색채를 정리합니다. 용어가 비슷한 개념을 표로 비교하고 이미지 파일 형식의 특징도 함께 암기합니다.
시험 5일 전에는 HTML과 CSS 문제를 집중적으로 풉니다. 자주 등장하는 태그, 선택자, 박스 모델, 배치 속성을 정리합니다.
시험 4일 전에는 자바스크립트와 웹 기술 일반을 공부합니다. 짧은 코드의 실행 결과와 서버, 클라이언트, 브라우저의 역할을 확인합니다.
시험 3일 전에는 모의고사 두 회분을 실제 시험시간에 맞춰 풀어봅니다. 문제당 평균 1분을 넘기지 않는 연습이 필요합니다.
시험 2일 전에는 구글 시트에서 오답으로 표시된 문제만 다시 풉니다. 같은 문제를 다시 틀린다면 별도의 최종 암기 목록으로 옮깁니다.
시험 전날에는 새로운 문제집을 시작하지 말고 핵심 개념과 반복 오답만 확인합니다. 늦게까지 공부하기보다 충분히 자고 시험장 위치와 준비물을 확인하는 것이 좋습니다.
10. CBT 시험장에서 문제 푸는 요령
CBT 시험은 컴퓨터 화면으로 문제를 풀기 때문에 종이 문제지와 느낌이 다를 수 있습니다. 시험 전에 CBT 체험 화면을 이용해 문제 이동, 답안 선택, 문제 표시 기능에 익숙해지는 것이 좋습니다.
처음부터 어려운 문제를 오래 고민하지 말고 확실히 아는 문제부터 빠르게 풀어야 합니다. 답이 헷갈리는 문제는 표시해 두었다가 전체 문제를 한 번 푼 뒤 다시 확인합니다.
한 문제에 2분 이상 사용하는 것은 비효율적입니다. 60문항을 40분 정도에 한 번 모두 풀고, 남은 20분 동안 표시한 문제와 입력 실수를 검토하는 것이 안정적입니다.
두 개의 선택지 중 헷갈릴 때는 문제에서 요구하는 핵심 단어를 다시 확인합니다. ‘옳은 것’, ‘옳지 않은 것’, ‘가장 적절한 것’처럼 부정 표현이 들어간 문제는 특히 주의해야 합니다.
답을 계속 바꾸는 것도 주의해야 합니다. 명확한 근거가 생긴 경우가 아니라면 처음 선택한 답을 유지하는 편이 나을 수 있습니다. 단순한 불안감 때문에 정답을 오답으로 바꾸는 경우가 많기 때문입니다.
11. 자주 실패하는 공부 방법과 개선책
정답 번호만 외우는 방식은 문제 순서나 선택지가 바뀌면 대응하기 어렵습니다. 정답이 왜 맞는지와 다른 선택지가 왜 틀렸는지를 함께 확인해야 합니다.
오래된 기출문제만 반복하는 방식도 주의해야 합니다. 기존 기출문제는 기본기를 익히는 데 도움이 되지만, 개정된 출제기준에 포함된 새로운 웹 제작 관련 내용은 최신 문제로 보완해야 합니다.
이론서를 처음부터 끝까지 암기하는 방식은 시간이 많이 걸립니다. 먼저 기출문제를 풀어 출제 빈도가 높은 개념을 찾고, 틀린 부분만 이론서에서 확인하는 순서가 효율적입니다.
오답노트를 지나치게 예쁘게 만드는 방식도 피하는 것이 좋습니다. 시험공부의 목적은 정리 자료를 만드는 것이 아니라 문제를 맞히는 것입니다. 한 문제당 오답 이유를 한두 문장으로 간단히 적는 것이 좋습니다.
한 번 높은 점수를 받고 복습을 중단하는 것도 위험합니다. 이미 외운 문제에서 높은 점수가 나온 것일 수 있으므로 처음 보는 예상문제에서도 70점 이상이 나오는지 확인해야 합니다.
12. 필기 합격 후 실기 준비 방향
웹디자인개발기능사는 필기 합격보다 실기 준비에 더 많은 시간이 필요할 수 있습니다. 실기시험은 정해진 요구사항에 맞춰 웹페이지를 실제로 제작하는 작업형 시험입니다.
실기 준비에서는 HTML 문서 구조, CSS 배치, 메뉴 구성, 이미지 편집, 슬라이드 동작, 탭 메뉴, 팝업, 파일 저장 규칙 등을 반복적으로 연습해야 합니다.
필기 공부를 하면서 HTML, CSS, 자바스크립트 문제를 단순 암기로 끝내지 않고 직접 코드를 작성해 보면 실기 준비기간을 줄일 수 있습니다. 특히 태그와 선택자의 역할을 직접 확인하면 필기와 실기 모두에 도움이 됩니다.
실기시험은 작업시간과 제출파일 용량, 폴더명, 파일명, 브라우저 동작 여부 등 세부 조건이 중요합니다. 공개문제와 수험자 유의사항을 기준으로 실제 시험과 같은 환경에서 반복 연습하는 것이 좋습니다.
마무리
웹디자인개발기능사 필기시험은 출제 범위가 넓어 보이지만 기출문제를 중심으로 반복 학습하면 충분히 합격을 노릴 수 있습니다. 핵심은 많은 문제를 한 번씩 푸는 것이 아니라 자주 틀리는 문제를 여러 번 다시 풀어 완전히 이해하는 것입니다.
구글 시트에 분야, 정답, 내 답, 오답 이유, 복습 횟수를 정리하면 자신의 취약점을 객관적으로 확인할 수 있습니다. 정답률과 분야별 오답 수를 자동으로 계산하도록 설정하면 시험 직전에는 필요한 내용만 집중적으로 복습할 수 있습니다.
과거 웹디자인기능사 기출문제로 기본기를 익히고, 최신 웹디자인개발기능사 출제기준을 반영한 예상문제로 부족한 부분을 보완하는 방식이 가장 현실적인 합격 전략입니다.