UXUI디자인&웹기획 프론트엔드 부트캠프(피그마,React.js)
고용24 국민내일배움카드 훈련과정명은
UXUI디자인&웹기획 프론트엔드 부트캠프(피그마,React.js)입니다.
500만원 상당 AI+실무 활용 인강
50+ 협력기업 취업연계 (면접 멘토링)
매월 20~80만원 훈련수당 지급
온라인 학습 시스템 제공 · 교재 지원
6개월 뒤 취업 준비의 기준이 달라집니다 압도적인 포트폴리오를 만들어야
취업이 시작됩니다.
취업 시장의 '트렌드'를 가장 먼저 설계 포트폴리오는 많지만
취업되는 포트폴리오는 따로 있습니다.
- 일반적인 포트폴리오(A사)
- 커리큘럼 단위 프로젝트
- 과제형 실습 구조
- 개인 역량 중심 설계
- 단순 화면 디자인 위주
결과물은 있지만,
면접에서 설명이 안 됩니다. - 취업 트렌드 포트폴리오
(이젠아카데미)- 실제 서비스 흐름 기반 프로젝트
- 기업 실무 기준 문제 해결 구조
- 채용 포지션 맞춤 역량 설계
- 트렌드 기획 · UX · 개발 관점 통합 설계
처음부터
‘취업 결과’를 목표로 설계
내 포트폴리오가 평범해 보인다는 불안을 느낄 때 결과를 바꾸는 경험은 여기서 시작됩니다.
같은 시간을 써도 결과는 달라집니다.
AI 활용 경험이
포트폴리오 경쟁력을 만듭니다. 쓸 줄 아는 것과 결과물로 보여주는 건 달라요.
- 1
Midjourney 프롬프트 설계 역량 브랜딩 이미지와 UI 컨셉 비주얼 직접 제작
- 2
AI 기반 UX 리서치 & 기획 사용자 인사이트 도출과 서비스 기획 자동화 경험
- 3
AI UI 컴포넌트 자동화 반복 작업↓ 완성도↑ AI 디자인 제작 워크플로우
- 4
포트폴리오에 직접 적용 포트폴리오 시각 완성도를 확실하게 업그레이드
‘잘 만들었다’가 아니라
‘결과가 남는 경험’이 쌓입니다.
교육은 시작! 목표는 취업!
완벽한 취업 연계
50개+협력기업과 함께! 취업까지 직행합니다.
평균 취업률 80% 비전공자·초보자 포함 수치
- 삼성
- LG
- 현대
- SK
- 현대 백화점
- 쿠팡(COUPANG)
- 한국타이어
- 기아
- 서울교통공사
- LINE
- The JoongAng
- 올리브네트웍스
- HANSSEM (한샘)
- DOOSAN(두산)
- KT nasmedia
- 캐논 CANON
- 효성 ITX
- NOL interpark
- 다이소
- NHN
- KG 이니시스
- 한국중부발전
- LX 하우시스
- (주)한화
- 한국전력공사
- 신세계
- LOTTE GRS
- KCC
- YTN
- YTN
꿈꾸던 기업의 현직자, 이미 당신의 기수 선배들입니다.
기획부터 개발까지!
전 과정을 이끌어주는 실무형 교육 전문가
연봉 2배 점프
포트폴리오 메이커
프로젝트 경험 (프로젝트 리드 경험 다수)
UX/UI와 프론트엔드를 잇는,
실무형 올인원 전문가
프로젝트 경험 (프로젝트 리드 경험 다수)
- 실무 중심의 수업
- · 임자영 강사) 실무 10년, 강의 15년
- · 최율희 강사) 실무 7년, 강의 5년
- 주요 경력
- · 임자영 강사) 인프런, 유데미 등 다수 온라인 강의
- · 최율희 강사) 윤희성 온라인 플랫폼 대표
- 강의 핵심 전략
- 비전공자도 따라올 수 있는 단계별 러닝 로드맵
현업 노하우부터 취업까지,
강사님이 진짜 ‘같이’ 해주니까 결과가 달라요.
UXUI + 웹 기획 + AI BOOTCAMP 지금 필요한 건
디자인을 넘어선 실무 역량입니다.
-
- 개발 환경 & UX·UI 설계 디자인
- 비쥬얼스튜디오, 깃, 피그마
-
- 프론트엔드 기초 & 응용
- HTML5, CSS3, JS, Type Script
-
- 생성형 AI 활용
- React, Node.js
-
- API & Cloud 활용
- API, AWS
-
UX/UI
디자인 제작UX/UI 정의 및 개발 프로세스,
56시간
디지털 컴포넌트, Web/Mobile
UX 기획
및 설계, 종합적인
UX/UI 디자인 제작을 학습합니다.
미니
프로젝트UX/UI 정의 및 개발 프로세스 UX는 사용자의 경험을 설계하고, UI는 그 경험을
시각적으로 구현하는 과정으로, 사용자 요구를
중심으로 개발 프로세스를 학습합니다.- Lv.1 (초급)
UX/UI Digital Component 디스플레이 특성, 그리드 시스템, 레이아웃 등
피그마를 활용하여 컴포넌트를 제작,프로토 타입을
실습 및 생성형 AI 기반 이미지도 생성합니다.- Lv.1 (초급)
- 피그마 활용 가이드
Web/Mobile UX Planing 브랜드 콘텐츠 UX 현황 분석과 벤치마킹,
생성형 AI를 활용한 사용자 연구, 모델링(페르소나,
Journey map), 유저 플로우작성 등 을 포함한
종합적인 UX 설계를 합니다.- Lv.2 (중급)
Web/Mobile UI Style Design 생성형 AI를 활용한 UI 콘셉트 아이디어 도출,
기능 정의, 화면 설계 등 UI 디자인 시스템 및
스타일 가이드 작성 과정을 포함하여 전체
UI 디자인 개발을 체계적으로 접근합니다.- Lv.2 (중급)
- UI 컴포넌트 제작
-
미니 프로젝트 I - 브레인스토밍
- 프로젝트 주제 및 목표선정
- 참여자 선정 및 역할분담
- 브레인스토밍 생성형 활용 및 실습
- 아이디어 평가및 선별/구체화 및 피드백
- 실행단계별 계획 수립과 사용자 요구분석
- 페르소나 및 Journey map 작성
- 워크플로우 및 와이어프레임 작성
- UX/UI 가이드 작성 및 프로토타입 제작
- 팀 프로젝트 (중급)
-
프론트엔드
기초프론트엔드 기본 지식을 활용하여
실전 프로젝트에서 UX·UI 설계와
HTML/CSS 기반의 반응형 웹디자인을
구현합니다.프론트엔드 개발환경 설정 프론트엔드 개념과 개발환경 설정, VS Code 사용,
Git/GitHub 기초(설치, 브랜치 관리, 협업,
저장소 및 이슈 관리)등 을 학습 및 설정 합니다.- Lv.1 (초급)
HTML/CSS 웹/모바일 브라우저 이해, HTML/CSS 기초,
반응형 웹, 생성형 AI 활용 및 프로젝트를
학습합니다.- Lv.1 (초급)
- Responsive Web
-
Javascript 기초 기본 개념과 문법 학습, DOM 조작을 통한 동적
변경, 배열과 객체를 통한 데이터 관리 등
Javascript를 활용할 수 있는 기초를 다집니다.- Lv.2 (중급)
-
프론트엔드 심화
역량 심화를 위한 JavaScript, TypeScript,
40시간
React를 집중적으로 학습,
클론 코딩 미니 프로젝트를 통해
실제 구현 경험을 쌓으며
실습합니다.
미니
프로젝트Javascript 심화 외부 데이터 호출 및 처리, 객체 지향 프로그래밍,
정규표현식 활용, ES6 문법 및 고급 기능을
학습 및 활용합니다.- Lv.2 ~3 (중·고급)
TypeScript TypeScript 개요, 문법, 자료형, 함수, 인터페이스,
클래스, 에러 처리 및 생성형 AI를 활용하여
코딩 합니다.- Lv.3 (고급)
- 생성형 AI 활용
-
미니 프로젝트 II - UX/UI 클론 코딩
- 프로젝트 주제 및 목표선정
- Web/Mobile 클론코딩
- Web/Mobile 클론코딩 생성형 AI 활용
- 문서내 동적 기능 구현을 위한 Javascript 작성
- Javascript & Dom을 활용한 UI 구현
- Javascript를 활용한 애니메이션 UI 구현
- 팀 프로젝트 (중급)
- 생성형 AI 활용
React,AWS React의 개념과 컴포넌트, 상태 관리,
라이프 사이클 최적화 기법을 학습하고,
생성형 AI를 활용한 React 코딩을 실습합니다.
또한 AWS EC2 인스턴스 생성, 서버 연결,
도메인 연결 및 배포 과정을 포함한
배포 작업을 다룹니다.- Lv.3 (고급)
- AWS 활용
-
WEB / MOBILE
UX / UI
프로젝트프론트엔드 개발을 위한 SPA 구현,
360시간 프로젝트
클라우드 배포 및 관리, 그리고
생성형 AI(chatGPT)를 활용한
프로젝트 기획과 코딩
기술을 다룹니다.
With 현직 개발자-
웹&모바일 UX/UI 프로젝트 I
K-Brand Contents 프로젝트
- 팀 빌딩, 주제 선정 및 경쟁사 UX/UI 분석과 벤치마킹.
- 생성형 AI를 활용한 사용자 분석(페르소나, Journey Map), 리서치 및 인사이트 도출.
- UI/UX 콘셉트 기획, 어피니티 다이어그램, 정보 구조(IA) 설계, 유저 플로우 작성.
- 서비스 기능 정의 및 핵심 인사이트 도출, UX/UI 및 인터랙티브 디자인.
- Web/Mobile 프로토타입, UI 컴포넌트 제작, 서비스 환경 구축, 프론트엔드 및 퍼블리싱.
- 웹/모바일 빌드, 모션 그래픽 제작 및 프로젝트 배포.
- 팀 프로젝트 (고급)
-
모바일 UX/UI 프로젝트 II
AI챗봇 지원 팬덤 커뮤니티
- 팀 빌딩, 주제 선정 및 경쟁사 UX/UI 분석과 벤치마킹.
- 생성형 AI를 활용한 사용자 분석(페르소나, Journey Map), 리서치 및 인사이트 도출.
- UI/UX 콘셉트 기획, 어피니티 다이어그램, 정보 구조(IA) 설계, 유저 플로우 작성.
- 서비스 기능 정의 및 핵심 인사이트 도출, UX/UI 및 인터랙티브 디자인.
- Mobile 프로토타입, AI를 활용한 UI 컴포넌트 제작, 서비스 환경 구축, 퍼블리싱/프론트엔드 구현.
- 모션 그래픽, SPA 구현, Mobile 빌드 및 프로젝트 배포.
- 팀 프로젝트 (고급)
-
360시간 +
프로젝트 중심
커리큘럼 단순 강의 위주가 아닙니다.
전체 시간의 절반 이상을 직접 만드는 데 씁니다.
- 1 기획부터 배포까지 전 과정 경험
- 2 실제 서비스 수준 결과물 제작
- 3 AI 도구를 프로젝트에 통합 적용
- 4 현업 2년차급 포트폴리오 완성
- 5 면접에서 말할 수 있는 프로젝트 경험
포트폴리오의 결과는 달라집니다.
전공자 아니어도 됩니다.
기업이 뽑고 싶게 만드는 건
저희 전공이니까요.
수강은 시작일 뿐! 초보도 가능한 수강생 전용 혜택
- 중도 포기자 0%를 위한
- 사전 수업 스타트 캠프
- 사전 학습
가이드 제공
- 실무 기준에 맞춰 레벨UP
- 정규 실무 과정
- 실무 중심의
수업
- 이력서에 바로 쓰는 결과물 생성
- 실무 프로젝트
- 현직 실무자
협업 프로젝트
- 취업 성공 끝까지 함께
- 취업 연계
- 취업 컨설팅 +
채용 연계
성과를 인정하는 다양한 리워드 제공
전담
취업지원팀이
끝까지 함께
- 기업별
면접 족보
공개 - 이력·자소서
1:1 첨삭 - 기업별
예상 질문
집중 대비 - AI 면접 +
실전 모의면접 - 1:1 맞춤
취업 전략
분석
취업
지원하고 성과
증명까지
디지털 배지
- 프로젝트 발표 &
수상 기회 - 공모전·박람회 지원
- 무료 컨퍼런스 제공
기초가 없어도 따라올 수 있습니다.
수업 시작 전, 사전 교육으로 기초 쌓기!
비전공자도 뒤처질 걱정 NO
혼자서 막막하지 않도록!
스터디 크루 운영과 전문 튜터의 밀착 지원
현직 실무자와 함께 진행하는 프로젝트!
기업 기준에 맞춘 기획·제작·피드백 과정 경험
이력서·포트폴리오·면접까지!
단계별 취업 지원 프로그램 제공
남들 혼자 준비하며 겪을 시행착오,
단 한번에 끝내고 취업합니다.
교육비 자기부담금 O원
하지만,
매달 받는 훈련수당으로 →
교육비 자기부담금은 O원
K-디지털 국비지원
20~80만원 지급
(6개월 기준 최대 480만원) ※ 개인별 지급액은 상이할 수 있습니다.
-
50+
협력기업
취업연계 -
희망 기업 맞춤
예상 질문 &
모의 면접 -
AI Tool
사용 혜택
제공 -
500만원 상당
AI+ 실무 활용
온라인 강의 -
온라인
학습 시스템
제공 (LMS) -
교육과정
관련
교재 제공
자주 묻는 질문
-
Q.
비전공자인데 정말 따라갈 수 있을까요?
가능합니다.
기초 UX 개념 → Figma 설계 → 퍼블리싱 → React 프로젝트까지 처음부터 실무 결과물을 만드는
흐름으로 설계된 과정이라 전공 여부보다 “끝까지 만들어본 경험”이 더 중요합니다.
-
Q.
포트폴리오가 진짜 취업에 도움이 될 만큼 나오나요?
-
단순 과제가 아니라 기획-디자인-개발까지 직접 만든 웹서비스 프로젝트가 남습니다.
같은 시간을 투자해도 결과물이 달라지는 이유는 실제 서비스 제작 경험을 중심으로 커리큘럼이 구성되어 있기 때문입니다.
-
-
Q.
디자인만 배우는 과정인가요?
-
아닙니다.
UX 설계 → UI 디자인 → 프론트엔드 구현까지 하나의 서비스를 완성하는 전체 프로세스를 경험하는 과정입니다.
실무에서는 ‘디자인만 가능한 사람’보다 만들 수 있는 사람이 더 빠르게 성장합니다.
-
-
Q.
수강료나 카티아 프로그램 가격은 어떻게 되나요?
국비지원 과정으로 수강료는 전액 무료이며, 고가의 CATIA 프로그램도 교육 중 무료로 사용 가능합니다.
경제적 부담 없이 전문 설계 기술을 배울 수 있는 좋은 기회입니다.
-
Q.
생성형 AI도 배울 수 있나요?
-
네.
이미지 제작, UI 아이디어 확장, 코드 보조 등 실제 실무에서 사용하는 방식으로 AI를 활용하는 경험을 합니다.
단순 사용법이 아니라 포트폴리오 결과물에 적용하는 것이 핵심입니다.
-
-
Q.
수료하면 바로 취업할 수 있을까요?
-
취업은 결과이지만 이 과정의 목적은 취업 경쟁력을 만드는 경험을 만드는 것입니다.
실제 프로젝트 중심 포트폴리오와 제작 경험이 면접에서 설명할 수 있는 ‘근거’가 됩니다.
-
수강후기
UX/UI 웹디자인 프론트엔드
UX/UI 웹디자인 프론트엔드 취업완성패스
-
UX 기획 및 설계부터
개발까지 마스터하는 부트캠프UXUI디자인&웹기획 프론트엔드 부트캠프(피그마,React.js)
-
사용자 경험(UX)을 이해하고
웹서비스로 완성하는 UX/UI 실무 과정웹 UI/UX 콘텐츠 디자인 + SEO 퍼포먼스 마케팅
-
챗 GPT(ChatGPT)를 활용하여
웹 애플리케이션의 화면을 구현.UX/UI디자인 웹 프론트엔드개발 부트캠프 (생성형AI 활용/피그마)
-
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UIUX 웹디자인& 프론트엔드 (피그마,React.js)
-
서울시 뉴딜 사업으로
정규직 채용 전환![서울시 인턴십 연계] AI기반 UX/UI 웹&앱디자인
-
사용자 경험(UX)을 이해하고
웹서비스로 완성하는 UX/UI 실무 과정UI/UX 웹서비스디자인 + SEO마케팅
-
AI 바이브코딩을 활용해
프론트엔드 개발 실무를 완성하는 과정[서울시 인턴십 연계] AI 바이브 코딩 기반 프론트엔드
10초 안내받기
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.