단순한 디자인 디자인을 넘어 코딩하는 디자이너로 도약합니다. 웹 표준 기술인 HTML5, CSS3, JavaScript를 통해 반응형 웹사이트를 제작합니다.
기초 레이아웃 구조 설계(HTML5/CSS3)부터 동적 인터랙션(jQuery/JS), 반응형 웹 설계, 크로스 브라우징 및 실무 인프라 배포까지 체계적으로 학습합니다.
비전공자도 마크업 기초부터 시작하여 한국산업인력공단 실기 표준 템플릿(A형~F형) 유형 분석을 통해 감점 없는 완벽한 웹디자인기능사 단기 합격을 구현합니다.
논리적인 설계와 디자인의 완벽한 융합
시선을 사로잡는 시각 디자인 요소를 바탕으로 완벽한 시멘틱 마크업(HTML5)과 CSS3 애니메이션 효과를 더합니다. 웹 접근성 및 웹 표준을 준수하며 모바일부터 데스크톱까지 대응하는 고퀄리티 메인 페이지를 구축합니다.
바닐라 자바스크립트와 제이쿼리(jQuery)를 활용하여 메인 슬라이드 비주얼, 네비게이션 드롭다운 메뉴, 팝업 레이어, 인터랙티브 탭 메뉴를 직접 코딩합니다. 정적인 페이지를 살아 숨 쉬게 만드는 마법을 완성합니다.
웹 표준 및 웹 접근성을 준수하는 시멘틱 웹 태그 설계 및 구조화 프로세스
Flexbox, CSS Grid 및 미디어 쿼리를 통한 완벽한 기기 대응 반응형 웹 제작
스크롤 이벤트, 인터랙션 구현 등 제이쿼리와 최신 JS를 결합한 실무 테크닉
완성된 프로젝트를 직접 웹서버에 배포하고 실시간으로 운영 및 트러블 슈팅
큐넷 출제 규정 준수, 디버깅 최적화 기법을 통한 시험 단기 패스
포토샵 시각 디자인 시안 설계부터 마크업 구조 설계, 동적 제어까지 이어지는 올인원 과정입니다.
| 주차 | 주요과목 | 수업내용 |
|---|---|---|
| 1~3주차 | 웹 그래픽 디자인 & HTML5/CSS3 | 포토샵/일러스트 연계 UI 디자인 시안 제작, HTML5 기본 태그 구조 설계, 웹 표준 구성법, CSS3 선택자 및 기본 속성, 박스모델(Box-Model), Flex/Grid 정렬, 미디어 쿼리 반응형 웹 구조 개발 |
| 4~6주차 | jQuery & JavaScript 동적 제어 | 자바스크립트 변수, 함수, 이벤트 제어 기초, 제이쿼리 라이브러리 연동, 웹디자인기능사 기출 메인 슬라이더 연출(FadeIn/FadeOut, 슬라이드 트랜지션), 서브 메뉴 드롭다운, 레이어 팝업 제어 |
| 7~8주차 | 웹디자인기능사 실전 대비 | 기출 모의 유형(A-1~F-4) 완벽 분석, 지정 와이어프레임 구조화, 이미지 슬라이드 세부 코딩 체크, 자바스크립트 오류 원천 차단(Vanilla/jQuery), 전송(제출) 시 감점 없는 빌드 최종 검토 |
2026 Q-NET NATIONAL EXAM SCHEDULE
한국산업인력공단(Q-Net)에서 공시한 2026년 정기 기능사 수검 일정입니다.
| 회차 | 필기 원서접수 / 시험 | 실기 원서접수 / 시험 | 최종 합격 발표 |
|---|---|---|---|
| 정기 제 1회 | 01. 16 ~ 01. 22 (시험: 02.15 ~ 03.07) |
03. 17 ~ 03. 20 (시험: 04.11 ~ 04.28) |
05. 14 |
| 정기 제 2회 | 04. 17 ~ 04. 23 (시험: 05.10 ~ 05.26) |
06. 15 ~ 06. 18 (시험: 07.11 ~ 07.24) |
08. 14 |
| 정기 제 3회 | 06. 19 ~ 06. 25 (시험: 07.12 ~ 07.31) |
09. 07 ~ 09. 10 (시험: 10.10 ~ 10.26) |
11. 13 |
웹디자인기능사 실전 극대화 전략
- 웹디자인기능사 실기 시험은 외부 인터넷 사용이 차단된 환경에서 4시간 동안 제한 조건(메뉴 스크롤, 레이어 드롭다운, 슬라이더 연출 필수)을 모두 자력으로 구현해야 합니다.
- 수험생들이 가장 큰 어려움을 겪는 순수 자바스크립트 및 제이쿼리 핵심 패턴을 집중 지도로 숙달시켜 암기가 아닌 확실한 논리적 구현 능력으로 100% 합격을 보장합니다.
WEB ARCHIVE
시험 채점 기준에서 절대적으로 지켜져야 하는 폴더 트리 구성법(images, css, js)과 절대 경로가 아닌 상대 경로 설정 오류 검수 방법 및 UTF-8 한글 깨짐 인코딩 방지 수칙을 가이드합니다.
