웹디자인개발기능사 필기에 합격한 이후 곧바로 실기 시험 접수를 했다. 실기 시험은 말 그대로 웹디자인에 대한 전반적인 이해도를 평가하는 시험으로, 주어진 주제에 대한 와이어 프레임을 보고 동일한 레이아웃 설정, 디자인, 스크립트 구현의 과정을 통해 페이지를 완성시켜야 한다.
2025년부터는 시험시간이 4시간에서 3시간으로 짧아졌기 때문에, 실수 없이 코드를 완성시키는 것이 중요해졌다.
대부분의 컴퓨터 자격증이 그렇듯이 실기가 본 시험이기 때문에 웹 요소인 html, css, script 에 대한 기본 개념을 어느정도는 숙지해야하는 과정이 필요하다. 필자의 경우 웹디자인에 대해 배운적이 없었지만 교재없이 실기를 준비해보기로 결정했다.
웹디자인개발기능사 실기 공부 계획
필자는 이전에 취미로 웹디자인을 접해본 상태이지만, 외부에서 전문적으로 배운 적이 1도 없었기 때문에 기본 베이스가 많이 부족한 상태였다. 하지만 가장 기본적인 웹의 html, css가 어떤 역할을 하는지 개념 정도는 알고 있었다.
교재 없이 어떻게 공부를 시작할까 고민하다가 유튜브에 무료 강의들이 업로드 되어 있는 것을 알게 되었고, 필기와 마찬가지로 실기도 유튜브 강의들을 활용해 시험을 준비해보기로 결정했다.
큐넷에 웹디자인개발기능사 공개 문제가 업로드 되어 있기 때문에, 교재 없이 준비하실 분들은 아래 큐넷 링크를 통해 공개 문제를 다운 받아 출력을 하고 관련된 실기 강의를 듣는 것을 추천한다.
실기 공개 문제 강의 공부 방법
수험자 제공 파일 구하기
필자는 교재 없이 실기를 준비했기 때문에, A1에서 F4까지의 큐넷 공개 문제 인쇄물 밖에 없었다. 직접 실기 공부를 해보면 알겠지만, 각 문제에 맞는 수험자 제공 샘플 파일이 무조건 필요한데, 이 파일들은 큐넷에서 별도로 제공해주지 않는다.
이 파일을 얻기 위한 2가지 루트를 소개하겠다.
이미니 강사님 자료 크몽 유료 구매
유튜브 실기 강의 중에, 필자가 가장 추천하는 강의는 이미니 강사이다.
이 자료는 이미니 강사님의 실기 강의에 맞게 샘플 파일을 그대로 만들어두어 놓았기 때문에, 본인이 강의 내용과 동일한 실습을 원한다면 이미니 강사님의 크몽 자료를 유료로 구매하는 방법을 추천한다.
유튜브 강의와 동일한 완성본 파일도 같이 제공하고 있기 때문에, 실습을 하면서 어떤 부분이 틀렸는지 확인하기 좋다는 장점이 있다.
웹디 정선생의 무료 공유 자료
필자는 별도의 비용을 들이지 않고 실기를 준비했다. 수험자 샘플 파일을 어디서 구할 수 있을까 찾아보던 중, 다행스럽게도 웹디 정선생님이 무료로 강의와 함께 공유를 해주셔서 실습을 하는데 큰 도움을 받았다.
이 자료의 경우, 각 유형에 대한 완성본 파일은 별도로 제공하지 않는다. 그리고 무료로 배포되는 자료인 만큼, 파일 구성이 조금 정확하지 않다는 점을 감안하자.
추천하는 유튜브 실기 강의
이미니 강사 실기 강의
유튜브에 웹디자인개발기능사 실기 강의가 정말 많이 업로드되어 있지만, 내가 가장 많이 도움 받았던 이미니 강사님의 실기 강의를 추천한다.
다른 강의들과 다르게 전체 레이아웃과 콘텐츠 영역(html/css), 제이쿼리 영역을 구분하여 강의를 구성하고 있다. 그래서 모든 것이 생소한 실기 공부 초반에 눈으로 여러 코드를 익히기 쉬웠고, 강사님 목소리도 매우 또렷한 편이라 집중해서 강의를 듣기 좋았다.
html 노베이스 상태에서는 A~F 유형에 대한 기본 레이아웃 구성을 하는 방법부터 막히는데, 이 레이아웃에 대한 설명을 각 유형 초반부에 항상 배치해줘서 빠르게 이해하는데 많은 도움이 되었다.
제이쿼리 스크립트를 구성하는 부분도 일단은 익숙해져야 직접 실습이 가능해지는데, 항상 일관성 있게 설명해주는 부분이 너무 좋았다.
다른 강의 들을 필요없이 실기는 무조건 이미니 강사님 유튜브 강의를 보는 것을 추천한다.
처음 A~B유형까지는 조금 생소해서 1배속으로 강의를 들었지만, 유형에 따른 레이아웃 부분을 제외하면 비슷한 내용이 많았기 때문에 배속을 점차 늘려 나중에는 2배속으로 빠르게 듣고 넘어갔다.
그렇게 하루에 3~4시간 강의를 들으며 문제 유형을 일주일 동안 익혔고, 나머지 4~5일은 직접 실습하며 부족한 부분을 완성시켜나가는 연습을 하였다.
|
<필자의 교재 없이 실기 학습 루트> 큐넷 공개 문제 출력 > 웹디 정선생의 무료 수험 파일 다운 > 이미니 강사 실기 강의 보고 실습 |
웹디자인 개발 기능사 실기 시험 결과
실기 문제는 큐넷 공개문제와 동일하게 나왔다. 내가 받은 문제는 E유형의 역사박물관이었는데 처음에는 주제만 같고 내용과 레이아웃은 다르게 주어진 줄 알고 시험에 응했다. 하지만 집에서 확인해보니 공개 문제와 완전 동일한 문제였다.
나름 무난한 점수로 합격한 것 같은데 내가 얻은 점수에 대해 조금 의아했던 점은, 이미니 강사님의 강의를 토대로 레이아웃을 정확히 구성했었고 스크립트도 슬라이드, 팝업, Tab을 통한 포커스 인 아웃 효과까지 모두 구현한 것 치고는 낮은 점수였다.
최소 80 중후반 정도의 점수가 나올 것이라 생각했는데 생각보다 낮은 점수가 나온 부분과 실기 채점 기준에 대한 생각을 해보았다.
각 레이아웃 구성 요소의 디테일 부족
나름 여러 요소들에 다양한 css를 추가해 일관성 있는 디자인을 표현했었지만, 지금 생각해보면 조금 미흡하게 느껴질 부분들이 있었던 것 같다.
3시간이라는 긴 시험 시간이 주어진 만큼 해당 주제에 어울리는 색상을 선택하는 부분도 채점 기준에 있을 것이고, 미완성된 느낌이 들지 않게 레이아웃 요소들을 최대한 이쁘게 꾸미는 부분도 중요했던 것 같다. 나 같은 경우 특히 팝업 부분을 조금 미흡하게 표현한 부분이 있었던 것 같다.
css로 잘 꾸민 수험생과 비교해 내가 만든 디자인이 상대적으로 부족해 보인다면, 감점하는게 맞을 듯 하다. 이 항목에서 내가 가장 많은 감점을 받지 않았을까 생각된다.
로고 미흡
필자는 로고 만드는 연습을 전혀 하지 않고 시험에 응했다. 시험장에서는 로고를 꾸미기 위한 프로그램으로 포토샵, 일러스트 이렇게 주어지는데, 내가 응시했던 역사박물관의 경우에 로고명과 더불어 심벌을 함께 제작해야 했다.
일러스트는 전혀 알지 못했기 때문에 포토샵으로 크기를 설정하고, 대충 “●▲역사박물관” 이렇게 표현한 뒤 갈색 계열의 색상을 입혀 만들었었다. 이 부분에서 감점이 되지 않았을까 싶다.
패밀리 사이트 링크 미구현
이미니 강사님은 패밀리 사이트를 만들때 자식 요소인<option>에 링크 없이 텍스트만 입력하고 부모 요소인 <select>로 둘러싸는 형태로 끝을 내는 방법으로 끝을 냈었다.
패밀리 사이트라는 요소 자체가 링크와 연관된 요소이기 때문에 시험장에서도 각 <option>에 a href 링크를 추가할까 고민하다가 그냥 강의대로 추가를 하지 않았는데, 이 부분에서 감점이 있었던 것 같기도 하다.
웹디자인 개발 기능사 시험 후기
처음부터 교재없이 필기 실기 시험을 준비해보자는 목표로 시험을 준비했고, 좋은 결과를 얻었다.
본인이 웹디자인에 대해 전혀 모르는 상태라면, 교재없이 실기를 준비하는데 조금 혼란할 수도 있을 것 같은데, 이미니 강사님이 공개 문제 강의 이외에 기본 베이스 강의를 많이 업로드 해두었기 때문에 큰 문제는 없을 것이다.
기능사 급의 코딩은 강의에 익숙해지면 교재없이도 합격하는데 큰 무리는 없는 것 같다. 처음 잘 모르는 상태에서도 강의를 집중해서 보고, 직접 실습해보는 과정을 몇 번 되풀이 하다보면 어느순간 외워질 수 밖에 없다.
나중에 E유형과 F유형의 레이아웃을 설정하는 부분에서 어려움을 느낄 수도 있을 것 같은데, 강의에서 각 유형에 대한 width:calc()의 쓰임을 반복해서 잘 설명해주기 때문에 익숙해지면 큰 문제는 없을 것 같다.
AI가 코딩을 대체하고 있는 현재 기준으로 직접 코딩해서 웹페이지를 만드는 것이 얼마나 의미 있는 것인지 잘 모르겠다. 하지만 디자인 쪽으로 취업하고자 하는 사람을 기업에서 평가하기 위해 기본 코딩 정도는 잘 알고 있는지 판별하는 자격증으로는 괜찮아 보인다.
웹디자인 개발 기능사 시험을 준비하시는데 조금이라도 도움이 되었으면 좋겠습니다.
