노베이스 비전공자 웹디자인 기능사 한번에 실기 합격 (유튜브로만 10일 독학)

IT

by Hisun 2024. 9. 23. 21:40

필기 시험을 작년 봄에 벼락치기로 합격하고 실기 시험은 미루고 안 치다가..
올해 1월 목표 중 하나였던 웹디 기능사 실기 합격을 달성하고자 3회 도전 !
처음엔 책을 사서 공부할지 유료인강 결제할지 서치해보다가
웹디 기능사는 결국엔 웹사이트 겉면 하나를 만들 줄 알아야 하는 시험이기에
무작정 유튜브 한 개 정해두고 유튭 강의 하나만 팠습니댜 ㅎㅎ

결론은 10일 독학으로 간당하게 합격

html 이 대충 어떤거다 정도만 알고 있었고 프로그래밍 언어는 파이썬 정도만 사용해본 정도로 노베이스 비전공자인 상태로 시험일 10일 전부터 급하게 시작했고
집중적으로 공부한 기간은 딱 일주일이에요!
(이 10일 기간 중에 토요일, 시험 전 하루 이렇게 이틀은 하루종일 공부했고 다른 날들은 2~4시간씩 했어요)

일단 저는 유튜브에 웹스토리보이 (https://webstoryboy.co.kr/category/Tutorial/WebD) 강의 거의 다 들었어요!

시험 공부 10일 일정

D - 10 ~ D - 7

먼저 3일동안

웹스토리보이 유튭 채널에서 (거의 현실부정급 수준으로) 조급한 마음을 뒤로하고

레이아웃 유형 A 부터 꼼꼼하게 강의 하나 다 듣고

(이때 마음가짐은 시간이 걸리더라도 작은거 하나라도 무조건 이해하고 넘어가자 였어요!)

그다음 강의 안듣고 혼자 Visual Studio Code에서 똑같이 만들어보고 혼자 만드는게 가능해지면

그다음 A-2로 넘어가서 똑같이 반복하고 이런식으로 진도를 나갔고 첨에 꼼꼼하게 이해하고 넘어가면서 하다보면

레이아웃 C부터는 강의 다 안들어도 어느정도 유형별 레이아웃 스스로 만들기가 가능해져요.

머릿속에서 어떻게 만들면 되겠다가 그려질 정도로 이해된 상태에서는

레이아웃 유형 A~E 중 제일 어려운 거 하나씩만 혼자서 만들어보고 넘어가고

모르는 부분만 강의에서 찾아 듣고 넘어갔어요

D - 7 ~ D - 5

메뉴유형 완벽히 숙지했어요

메뉴유형도 레이아웃처럼 M-1 강의를 제일 꼼꼼하게 듣고 연습해보았고

뒤로 갈수록 살짝씩만 달라지고 거의 응용이라 진도가 빨리 나가요

D - 5 ~ D - 4

메뉴유형까지 다 이해하고 나서 자신감이 막 생기는 상태에서 슬라이드 유형 들어가니까

살짝 포기할까 이런 마음 생기더라구요.. ㅎ ;;

반포기하는 상태에서 강의만 넋놓고 보다가 이번엔 외울 자신 없어서 말그대로 강의 그대로 따라 작성했어요

따라하기만해도 그 과정에서 조금씩 이해도 되고 외워지는 게 있더라구요 ?!

이틀동안 슬라이드 유형도 강의랑 유형 자체는 6개 밖에 없어서 하루에 3시간~4시간만 이틀 투자해도 강의 따라하면서 작성하는 거 정도는 진도 따라갈 수 있었어요!

D - 3

탭메뉴 유형, 팝업 유형 두 개는 쉬운 편이고 코드가 간단해서 하루만에 강의 듣고 따라해본 후에

디 마이너스 3일 부터는 ( https://youtu.be/Yj1fQB_09fg?si=F3sIb7cli9JJP30p ) 실전사이트연습 : A유형 바로 들어갔어요.

D- 2 ~ D - 1

큐넷에서 제공해주는 기출로 실제 시험 중이라 생각하고 되는대로 최대한 모든 유형별 한 개씩은 혼자서 첨부터 끝까지 다 만들어봤어요 (포토샵으로는 로고 파일 주어졌다 생각하고 색상 바꾸고 이미지 크기 바꾸는 정도만 연습해서 갔고 에밋도 안된다는 가정하에 연습했어요 )

(큐넷 웹디자인 공개문제 참고)
https://www.q-net.or.kr/cst006.do?id=cst00602&gSite=Q&gId=&artlSeq=5199079&brdId=Q006&code=1204

D- day (시험 후기)

저는 부산국가자격시험장에서 시험 쳤고

시험치기 전에 신분증, 전자기기 제출하면서 번호표를 뽑았어요 (이 번호표로 시험 자리도 결정됐고 폴더 번호도 정)

여기서는 제 걱정과 달리 에밋 지원돼서 그래도 나름 시간 단축 되었어요

유형은 쉬운 게 걸려서 레이아웃 ~ 이미지 슬라이드까지 강의 들어온대로 수월하게 작성했었고

로고 이미지가 따로 안 주어지고 제가 첨부터 만들어야 했어요

이 부분에서 당황해서 저는 포토샵으로 사이트 이름 적고 색상만 그레디언트 효과 주고 이미지 크기 등 설정한 후 로고 이미지로 사용했구요 !

다른 이미지들은 수험자파일에 정말 종류별로 많이 제공되어서 골라서 사용하면 되더라구요!

중간에 이미지도 잘 안불러져와서 한 번 더 당황했다가 경로 설정을 바꾸고 해결했던 걸로 기억해요 (한 달 지나서 이 부분은 가물가물) 연습할 때 상대경로, 절대경로 부분 좀 더 숙지해오지 못한 게 아쉬웠어요..

이미지들은 필요한 거만 가져와서 사용하고 유형별 맞는 코드들만 작성해두면 용량은 크게 넘을 일이 없는거 같구요 !

그래도 혹시 모르니 제출 전 용량 체크 필수 !

그리고 제출 전에 개발자도구로 오류 뜨는거 없는지 다 확인해보고 제출하기 !