산업구조변화대응
피그마와 커서AI(바이브코딩)를 활용한 웹 프론트엔드 실무향상
디지털 전환 시대 필수 역량. AI와 함께 웹 프론트엔드 전문가로 커리어 업그레이드
- 교육기간6개월(960시간)
- 1차 개강03월 23일(월)2차 개강04월 20일(월)
- 수업구성주 5회(월~금)
- 모집정원20명
Class Information 피그마와 커서AI(바이브코딩)를 활용한 웹 프론트엔드 실무향상
한 번의 교육으로 기획/디자인/개발, 웹 서비스 제작 전 과정을 경험할 수 있습니다.
AI와 함께하는 웹 개발
피그마로 UI/UX 기획부터 프로토타입 제작까지!
커서AI(바이브코딩)로 코드를 자동 완성하고 실수는 줄여 더 빠르고 효율적으로 만드는 실무형 과정
-
취업분야
웹퍼블리셔, 웹디자이너, 웹기획자, 디지털미디어컨텐츠 디자이너, UX/UI디자이너, 쇼핑몰 디자이너, 웹 에이전시,IT기업 등
-
관련 자격증
웹디자인기능사, 컴퓨터그래픽스기능사, 멀티미디어컨텐츠제작전문가, GTQ, GTQ
디자인부터 코딩까지 한번에!
Figma+Cursor AI로 실무형 프론트엔드 개발자 되기
피그마(Figma)를 활용해 UI/UX 설계부터 프로토타입 제작, 협업까지 경험하며 디자인 사고력을 키우고,
최신 AI 코딩 도구를 활용하여 반복적이고 복잡한 코딩 작업을 효율화합니다.
이를 통해 훈련생은 단순히 웹 페이지를 만드는 법을 배우는 것이 아니라, 전 과정을 주도적으로 수행할 수 있는 실무 역량을 갖추게 됩니다.
-
CLASS POINT!취업 경쟁력 높이는 맞춤형 교육
기업들은 디지털 전환에 속도를 내고 있고, 이에 따라 웹·모바일 서비스의 UI/UX 품질이 중요한 경쟁력이 되었습니다.
이와 같은 현실을 반영해 단순히 코드를 배우는 데서 끝나지 않고, 실제 현업에서 요구되는 기획, 디자인, 개발을 아우르는 역량을 통합적으로 훈련할 수 있는 커리큘럼으로 구성되어 있습니다.
-
IT·PROGRAMMING이런분들께 추천드립니다! 교육과정 훈련대상
- 웹 개발자로 전직·이직을 고려하는 직장인 및 취준생
- 디자인만 가능하여, 웹 구현까지 확장하고 싶은 사람
- 포트폴리오가 부족하거나 실무 경험이 필요한 사람
- 자격증 지식을 실무 프로젝트로 확장하고 싶은 학습자
- 기존 회사 홈페이지를 리뉴얼하거나 신규 웹 프로젝트를 맡은 실무자
웹 프론트엔드 왜
주목해야하나
3가지 VISION
웹 프론트엔드가 지속적으로 인기를 끄는 이유를 알려드립니다!
-
01
한가지 기술로는
부족한 웹 분야 디자인만 하는 웹디자이너는
경쟁력이 부족하다! -
02
UX와 UI 구현을
동적으로 웹 프론트엔드을 배우면
동적인 UI구현이 가능! -
03
퍼블리싱 지식으로
커뮤니케이션 기획자, 개발자와
원활한 소통 가능!
교육과정 CURRICULUM
현장에서 인정받는 에듀윌의 실무 중심 커리큘럼!
| 교과명 | 훈련명 | 주요구성내용(단원명) | 훈련시간 |
|---|---|---|---|
| NCS 교과목명 | UI/UX 분석기획 | UI/UX 요구 분석 | 9 |
| UI/UX 콘셉트 기획 | 12 | ||
| 비 NCS 교과목명(실습) | Figma 실무 디자인 | 프로토타입 구성 | 2 |
| 컴포넌트 디자인 | 6 | ||
| 인터랙션 설정 | 5 | ||
| 디자인 협업 | 5 | ||
| 웹 퍼블리싱 기초 | HTML/CSS 웹 퍼블리싱 : 시맨틱 마크업, 레이아웃 구성, CSS 스타일링 기초 및 반응형 구현 | 24 | |
| JavaScript 기초 : 변수, 함수, 조건문, 반복문, DOM조작, 이벤트 처리 | 25 | ||
| 커서AI(바이브코딩)활용 웹코딩 실습 | Cursor AI의 주요 기능(자동완성, 오류수정, 코드설명등)실습 | 5 | |
| HTML/CSS/JavaScript코드 생성 및 리팩토링 | 5 | ||
| AI추천 코드 분석 및 개선 실습 | 5 | ||
| AI를 활용한 프로젝트 아이디어 구상 및 구현 | 5 | ||
| 비 NCS 교과목명(프로젝트) | 웹 프론트엔드 프로젝트 | 기획-디자인-코딩이 통합된 개인 프로젝트 수행 | 27 |
| 발표 및 피드백 | 3 |
산업구조변화대응 등 특화훈련
-
교육훈련비
훈련비 90~100% 지원 -
훈련수당
월 최대 80만원훈련장려금 20만원
국민취업제도 유형에 따라 추가지원 -
취업성공수당
최대 150만원국취Ⅰ,Ⅱ 유형 최대 150만원
산업구조변화대응 등 특화훈련이란? 산업구조 변화의 흐름이 지역별 노동시장에 다르게 영향을 미치면서, 지역별로 차별화된 훈련과정이 적시에 운영될 필요성이 증대되었으나, 현재 국민내일배움카드의 중앙(직업능력심사평가원) 심사체계는 지역별 차별성 고려와 훈련공급시기의 한계가 있어, 디지털?저탄소 등 산업구조 변화 흐름에 대응하고 지역별 상황에 적합한 훈련과정이 적시에 공급하기 위해 지원이 필요한 산업의 재직자, 실업자 등의 고용유지 및 이?전직 등을 활성화하기 위하여 현장 기반 훈련을 수시 공급하고, 훈련비 및 훈련장려금 등 지원하는 제도
-
교육원으로 과정상담
전화 또는 온라인
문의를 통해 상담 -
국민내일배움카드발급
교육동영상 시청,
훈련과정 탐색 후
계좌발급신청 -
구직훈련 및 상담
140시간 이상인
훈련과정은
고용센터 방문 -
훈련과정등록
HRD-Net을 통해
원하는 과정 신청 -
훈련과정수강
강의 수료 및
자격증 취득 -
취업성공
맞춤 컨설팅으로
취업 성공!
수강생후기
에듀윌 국비교육원의 실제 수강생둘의 생생한 후기를 만나보세요
에듀윌 취업 연계 PROCESS
-
01 취업지원 컨설팅
프로그램 소개 -
02 이력서·자소서
작성법 교육 -
03 모의면접 및
취업 컨설팅 -
04 연계기업
취업매칭 -
05 성공적인
취업 또는 이직
실시간 온라인 문의
실시간 온라인 문의를 해주시면 빠르게 답변드리겠습니다.