국비지원 오프라인 과정 · K-디지털 트레이닝
AI활용 UXUI디자인&웹기획 프론트엔드 부트캠프
기획·UX/UI 디자인·프론트엔드 구현에 AI를 연결해, 실제로 열어볼 수 있는 결과물을 만드는 과정입니다.
최율희 강사(플로율랩 율쌤)이 바이브디자인과 바이브코딩을 한 흐름으로 묶은 바이브메이킹 방식으로 가르칩니다.
- 훈련기관
- 이젠아카데미DX교육센터고용24 표기: 우수훈련기관 5년 인증
- 기간
- 주중 주간 · 115일 · 총 960시간
- 수강료
- 자비부담 400,000원훈련비 9,113,280원 · 고용24 표시 기준
- 훈련 유형
- K-디지털 트레이닝국민내일배움카드로 참여하는 국비지원 과정
- 장소
- 서울 서초구 서초대로77길 41대동빌딩 5·9·10층
- 강사
- 최율희 강사 (플로율랩 율쌤)9회차 960시간 전체 담당
정보 기준일: (고용24 과정 페이지 기준). 모집 마감 여부와 선발 일정, 개인별 자비부담금은 고용24 및 훈련기관에 최종 확인해 주세요.
Tools I built
수업에서 쓰는 도구는, 강사가 직접 만들었습니다
작업하다 반복해서 막히던 지점을 줄이려고 만든 도구입니다. 수업에서도 같은 도구로 함께 작업합니다.
What you learn
기획부터 공개 링크까지, 한 흐름으로 배웁니다
고용24에 등록된 교재와 훈련기관 안내사항을 기준으로 정리했습니다. 교재 5권은 무상으로 지급되며, 세부 시간표는 고용24 과정 페이지에서 확인할 수 있습니다.
-
기획
VibeMake누구의 어떤 문제를 풀지 정하고, 키워드와 레퍼런스로 아이디어를 구체화합니다.
교재 서비스를 성공시키는 기획자의 비법 노트
-
UX/UI 디자인
VibeDesignFigma와 생성형 AI(미드저니 등)를 활용해 화면을 설계하고, 프롬프트로 시안을 만듭니다.
교재 UX/UI 디자인을 위한 피그마 with AI · 생성형 AI를 위한 프롬프트 엔지니어링
-
프론트엔드 구현
VibeCodingHTML·CSS·자바스크립트로 웹 표준 화면을 만들고, 리액트로 화면을 컴포넌트 단위로 만드는 법을 익힙니다.
교재 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 · 코딩 자율학습 리액트 프런트엔드 개발 입문
-
포트폴리오와 취업 준비
포트폴리오 스토리보드를 구성하고, 실무자 포트폴리오 멘토링과 이력서·자기소개서 1:1 컨설팅을 받습니다.
출처 훈련기관 안내사항
How the class runs
AI가 만든 결과를, 사람이 판단하고 고칩니다
수업과 팀 프로젝트는 바이브메이킹의 네 단계로 진행합니다. 팀 작업물은 공개 링크까지 완성해 포트폴리오로 씁니다.
-
01 고르기
누구의 어떤 불편을 풀지
대상과 목적이 담긴 한 문장을 먼저 정합니다.
-
02 만들기
무엇을 남길지
AI가 만든 화면 중 남길 것을 고르고, 직접 볼 수 있는 첫 화면을 만듭니다.
-
03 눌러보기
어디가 어색한지
직접 눌러 보고, 막히는 곳의 이유를 적어 고칩니다.
-
04 열기
공개해도 되는지
공개 링크로 열고, 다음에 고칠 한 가지를 남깁니다.
8회차 수강생 팀 프로젝트는 메인의 Made & Remade에서 볼 수 있습니다. · 바이브메이킹 제작 과정 자세히 보기
Student work
수업에서 만든 결과물
지난 8회차 수강생 팀은 K브랜드 글로벌 사이트를 학습용으로 다시 만들었습니다. 제작은 수강생 팀이 하고, 강사는 기획과 구현을 지도했습니다.
-
N서울타워 · 국순당
브랜드 정보를 다시 구조화하고, 화면 흐름을 처음부터 설계했습니다.
-
차이킴 · 설화수
영상과 제품 화면을 직접 구현하며 웹 표준과 반응형을 익혔습니다.
-
화면으로 보기
네 팀의 실제 화면은 바이브메이킹 메인 수강생 프로젝트에서 스크롤 녹화로 볼 수 있습니다.
Teacher
이 방식을 정리하고, 먼저 쓰는 강사
율쌤은 기획·UX/UI 디자인·프론트엔드와 AI 활용을 가르치는 8년 차 직업훈련 강사로, 최근 2년은 AI 제작 수업에 집중해 왔습니다. 디자인·코딩·AI 콘텐츠 브랜드 플로율랩(FlowYulLab)을 운영하며, 수업에서 반복되는 불편을 직접 도구로 만들고 그 과정을 바이브메이킹으로 정리했습니다.
플로율랩 FlowYulLab
실무와 수업에서 써본 디자인·코딩·AI를 유튜브와 브랜드 사이트에서 나눕니다.
- 이 과정 1·4·6회차 진행, 8회차 진행 중, 9회차 960시간 전체 담당
- 직업능력개발훈련교사 디자인 3급 · 정보기술개발 3급
- 바이브메이킹 상표 출원 (심사대기, 출원번호 40-2026-0124735)
- 무료 제작 도구 복붙랩, Figma 플러그인, 브라우저 확장 프로그램 개발
말하기 전에, 직접 돌려봤습니다
- AI 작업량
- Claude·Codex 324억 토큰 · 2026년 4월부터 89일 · Tokscale 프로필 · VibeRank 세계 51위 2026년 9월 기준
- 이 사이트
- 150번 넘게 커밋하고 130번 넘게 배포 · 2026년 6월부터
- 시행착오
- 첫 화면의 3D 매듭 하나를 14번 고침
- 만든 것
- 복붙랩 · 레이어캡처 · Figma 플러그인 · VibeMaking Studio(시제품)
Who can apply
지원 대상
고용24에 등록된 훈련대상자 요건입니다. 선발 기준은 훈련기관이 정합니다.
-
전공·학력
시각디자인, 디지털디자인, 컴퓨터공학, SW학과 등 관련 전공 전문학사 이상. 비전공자는 기본역량 기준(선발기준)에 적합한 경우
-
선수학습
UXUI·HTML·CSS·자바스크립트 활용, 웹개발 교육 이수 등
-
직무경험
관련 분야 직무경험 1년 이상 우선 선발
How to apply
신청 방법
다섯 단계면 신청이 끝납니다. 모집 마감 여부와 선발 일정은 훈련기관에 확인해 주세요.
-
01
고용24에서 과정 확인
과정 정보와 본인의 자비부담액을 확인합니다.
-
02
국민내일배움카드 준비
카드가 없다면 고용24에서 먼저 발급을 신청합니다.
-
03
수강신청
고용24 과정 페이지에서 9회차로 수강신청합니다.
-
04
훈련기관 선발
이젠아카데미DX교육센터의 안내에 따라 선발 절차를 진행합니다.
-
05
2026년 10월 12일 개강
115일, 총 960시간 과정을 시작합니다.
FAQ
자주 묻는 질문
비전공자도 지원할 수 있나요?
고용24 요건은 관련 전공 전문학사 이상이며, 비전공자는 기본역량 기준(선발기준)에 적합하면 지원할 수 있습니다. 관련 분야 직무경험이 1년 이상이면 우선 선발됩니다. 자세한 선발 기준은 훈련기관(02-532-6500)에 문의하세요.
수강료는 얼마인가요?
훈련비는 9,113,280원이고, 고용24에 표시된 자비부담액은 400,000원입니다. 개인 조건에 따라 달라질 수 있으니 고용24 과정 페이지의 자비부담액 보기에서 확인하세요.
수업은 언제, 어디서 하나요?
2026년 10월 12일부터 2027년 3월 26일까지 주중 주간에 진행합니다. 115일, 총 960시간이며 장소는 서울 서초구 서초대로77길 41 대동빌딩의 이젠아카데미DX교육센터입니다.
바이브코딩과 바이브디자인도 배우나요?
이 과정은 기획, Figma와 생성형 AI를 활용한 UX/UI 디자인, HTML·CSS·자바스크립트와 리액트 프론트엔드를 다룹니다. 율쌤 수업에서는 AI로 만든 결과를 사람이 판단하고 고쳐 공개 링크까지 완성하는 바이브메이킹 방식으로 바이브디자인과 바이브코딩을 연결해 실습합니다.
교재는 따로 사야 하나요?
고용24 기준으로 기획, 피그마 with AI, 프롬프트 엔지니어링, 리액트 입문, HTML·CSS·자바스크립트 교재 5권을 무상으로 지급합니다.