개강일 지남
AI활용 UXUI디자인&웹기획 프론트엔드 부트캠프
이젠아카데미DX교육센터 · 10회차 · 서울 서초구
JavaReactAWS프론트엔드디자인K-디지털
프로그램 요약
UX/UI 설계부터 프론트엔드 구현까지, AI 도구를 활용해 360시간+ 프로젝트 중심으로 취업용 포트폴리오를 완성하는 부트캠프
- 수업일정
- 2026.08.06 ~ 2027.01.25약 6개월
- 모집정원
- 30명
- 총 시간
- 960시간
- 학습장소
- 서울서울특별시 서초구 서초동 서초대로77길 41(대동Ⅱ)오프라인
- 강의장
- 대동빌딩 5층, 9층, 10층
- 수강료
- 미공개 상담 시 확인
출처 · 고용24 등록값 · 기관 표기분은 별도 표시
어떤 분이 수강하면 좋을지
- ✓전공·학력 무관 — K-디지털 트레이닝은 제도상 전공을 보지 않습니다
- ✓전공 및 학력 : 시각디자인, 디지털디자인, 컴퓨터공학, SW학과 등 관련 전공 전문학사 이상 / 비전공시 기본역량 기준(선발기준)에 적합한 자 선수학습(교육이력) : UXUI/HTML/CSS/자바스크립트 활용, 웹개발 교육이수 등 직무경험 : 관련 분야 직무경험 1년이상 우선 선발
출처 · 기관 랜딩페이지 · 제도 요건
커리큘럼
고용24 등록 교과목 18개 보기
- UX/UI Digital Component- Web/Mobile 디스플레이 특성 - Web/Mobile Web의 특성 - Web/Mobile 그리드 시스템 - Web/Mobile 레이아웃 - Web/Mobile Digital Image - Web/Mobile Display Color - Graphic Tool Kit - Figma 활용 - Digital Component Image 제작 - Web/Mobile Prototype 예제 실습 - 생성형 AI를 활용한 Digital Image 생성 (미드저니, 스테이블 디퓨전)
- Web/Mobile UX Planing(기획/설계)- 브랜드 콘텐츠 UX 현황 분석 - 브랜드 콘텐츠 UX 벤치마킹 - 생성형 AI를 활용한 Desk Research 및 주제 선정 - 생성형 AI를 활용한 User Profiling 및 가설수립 - 생성형 AI를 활용한 Survey 설문지 작성 - 타겟 유저 리서치 및 분석 - 생성형AI를 활용한 사용자 모델링 (페르소나, Journey map) - 어피니티 다이어그램 (Affinity Diagram) - IA(Information Architecture) 설계 - 생성형 AI를 활용한 유저 플로우(User Flow) 작성
- Web/Mobile UI Style Design- 생성형 AI를 활용한 UI콘셉트 아이디어 도출 - UI 기능 정의 - 화면설계 및 와이어프레임 작성 - 스토리보드 작성 - 생성형 AI를 활용한 디자인 포지션 및 디자인 리서치 - 생성형 AI를 활용한 Visual / Design Concept 도출 - UI Component 제작 - 생성형 AI를 활용한 주요화면 Product Design - Prototyping - Usability Test(사용자 테스트) - UI Design System 및 스타일 가이드 작성
- Web/Mobile UX/UI 브레인스토밍 워크샵- 프로젝트 주제 및 목표선정 - 참여자 선정 및 역할분담 - 브레인스토밍 생성형 AI 활용 - 브레인스토밍 실습 - 아이디어 평가 및 선별 - 아이디어 구체화 및 피드백 - 실행단계별 계획 수립 - 사용자 및 사용자 요구분석 - 페르소나 및 Journey map 작성 - 워크플로우 및 와이어프레임 작성 - UX/UI 가이드 작성 - 프로토타입 제작
- 프론트엔드 개발환경 설정(VSCODE/Git/GitHub)- 프론트엔드 개념 및 개발환경 설정 - VS CODE 설치 및 사용 - Git/GitHub의 개요 - git 설치, Branch 관리, request 협업 - GitHub의 저장소 생성과 관리 - GitHub의 이슈, 레퍼지토리, 위키
- Web/Mobile UX/UI 프론트엔드 Level1(HTML/CSS)- Web/Mobile 브라우저의 이해 - HTML 구조 및 기본문법 - HTML 기본 태그 및 레이아웃 - Semantic Tag / Metadata - CSS 속성 및 기본문법 - Box Model / Flexbox - Responsive Web / Media Query - HTML, CSS 코딩을 위한 생성형 AI 활용 - Responsive Web Project
- Web/Mobile UX/UI 프론트엔드 Level2(JavaScript)- javascript 기본 개념 및 동작 원리 - javascript 기본 문법 및 함수 - 문서 객체 모델, 동기식 처리 모델, 비동기식 처리 모델 - 이벤트 처리와 DOM API - 외부 데이터 호출 라이브러리 - 객체지향 프로그래밍 - 정규표현식, ES6 함수의 추가 기능, 배열 - 생성형 AI를 활용한 Javascript 기본 코딩 - 생성형 AI를 활용한 Javascript Interactive 코딩
- Web/Mobile UX/UI 프론트엔드 Level3(Typescript)- TypeScript 개요 및 문법 - Typescript의 정의와 장점 - Typescript의 기본 개념과 작성방법 - Typescript의 자료형과 제네릭 - Typescript의 함수, 인터페이스, 클래스, 모듈 - Typescript의 에러 처리와 제어 흐름 - 생성형 AI 활용한 Typescript 기본 코딩
- Web/Mobile UX/UI 클론코딩- 프로젝트 주제 및 목표선정 - Web/Mobile 클론코딩 - Web/Mobile 클론코딩 생성형 AI 활용 - 문서내 동적 기능 구현을 위한 Javascript 작성 - javascript & Dom을 활용한 UI 구현 - javascript를 활용한 애니메이션 UI 구현
- Web/Mobile UX/UI 프론트엔드 Level4(React/AWS 배포)- React의 특징 및 동작원리 - React의 컴포넌트, 상태, 속성, 이벤트 - React의 JSX, 연산자, 조건부 렌더링 - React 컴포넌트 라이프 사이클 - React useReducer와 상태관리 - React Context - 최적화와 메모이제이션 - React 웹 스토리지 - 생성형 AI를 활용한 React 기본 코딩 - AWS E2C 생성 - AWS E2C 인스턴스 프로젝트 연결 - AWS E2C 서버에서 프론트 서버 실행 - AWS 도메인 연결 및 배포
- K-Brand Contents Web/Mobile UX/UI 프로젝트- K-Brand Contents Web/Mobile UX/UI 프로젝트 팀빌딩 및 주제선정 - 경쟁사 UX/UI 분석 및 벤치마킹 - 생성형 AI를 활용한 사용자 및 사용자 요구분석, 사용자 리서치 - 생성형 AI를 활용한 UI/UX 콘셉트 기획 - 생성형 AI를 활용한 사용자 모델링 (페르소나, Journey map) - 어피니티 다이어그램 (Affinity Diagram) - IA(Information Architecture) 설계 - 생성형 AI를 활용한 유저 플로우(User Flow) 작성 - K-Brand Contents Service 및 기능 정의 - Snack Insight 도출 - K-Brand Contents UX/UI 설계 및 디자인 - K-Brand Contents Interactive 디자인 - Web/Mobile Prototype 및 UI구현 - 생성형AI를 활용한 UI Component 제작 (미드저니, 스테이블 디퓨전) - Web/Mobile 서비스 환경 구축 - 생성형AI를 활용한 Web/Mobile 퍼블리싱 - 생성형AI를 활용한 Web/Mobile 프론트엔드 - Web/Mobile Snack Insight-Motion Graphic - Web Build - Mobile Build - 프로젝트 배포
- AI챗봇 지원 팬덤 커뮤니티 Mobile UX/UI 프로젝트- 팬덤 커뮤니티 Mobile UX/UI 프로젝트 팀빌딩 및 주제선정 - 경쟁사 UX/UI 분석 및 벤치마킹 - 생성형 AI를 활용한 사용자 및 사용자 요구분석, 사용자 리서치 - 생성형 AI를 활용한 UI/UX 콘셉트 기획 - 생성형 AI를 활용한 사용자 모델링 (페르소나, Journey map) - 어피니티 다이어그램 (Affinity Diagram) - IA(Information Architecture) 설계 - 생성형 AI를 활용한 유저 플로우(User Flow) 작성 - 팬덤 커뮤니티 Service 및 기능 정의 - Snack Insight 도출 - 팬덤 커뮤니티 UX/UI 설계 및 디자인 - 팬덤 커뮤니티 Interactive 디자인 - Mobile Prototype 및 UI구현 - 생성형 AI를 활용한 UI Component 제작 (미드저니, 스테이블 디퓨전) - Mobile 서비스 환경 구축 - 생성형 AI를 활용한 Mobile 퍼블리싱 - 생성형 AI를 활용한 Mobile 프론트엔드 - Mobile Snack Insight-Motion Graphic - Mobile SPA 구현 - Mobile Build - 프로젝트 배포
- OT(오리엔테이션)- 과정 목표 안내 - 과정 운영 방식 안내 - 과정 관리 및 훈련생 관리 안내 - 커리큘럼 로드맵
- 프로젝트 발표 및 수료- 프로젝트 최종 발표 - 현장 전문가 프로젝트 피드백 - 우수프로젝트 포상 - 수료식
- 취업지원- 취업상담 및 학습, 진로상담 - 취업 진로 설명회 - 취업준비활동(이력서, 자소서 첨삭) - 채용 트렌드 및 기업별 취업팁
- 특강 및 세미나- 취업특강 - 참여기업 및 현장 전문가 트렌드 및 포트폴리오 특강 - 프로젝트 기반 포트폴리오 코칭
- UX/UI 정의 및 개발 프로세스- UX(User experience) 정의와 특징 - UI(User interface) 정의와 특징 - UX와 UI의 관계 - UX와 UI의 차이 - UX/UI 개발 프로세스
- 총 훈련시간960 시간
출처 · 고용24
지원 혜택
기관이 공개한 혜택 정보가 없습니다. 상담에서 확인하세요.
출처 · 기관 랜딩페이지 · 훈련장려금은 제도
지원 절차
기관이 공개한 절차 정보가 없습니다. 지원하면 상담에서 안내받습니다.
출처 · 기관 랜딩페이지 · 기관마다 다릅니다
자주 묻는 질문
비전공자도 지원할 수 있나요?
K-디지털 트레이닝은 제도상 전공·학력을 보지 않습니다. 다만 기관이 밝힌 훈련 대상이 있어 위 「어떤 분이 수강하면 좋을지」를 함께 확인하세요.
내일배움카드가 꼭 있어야 하나요?
지원 시점에 없어도 됩니다. 상담 단계에서 발급을 진행합니다. 다만 수강신청은 카드가 있어야 마칠 수 있습니다.
선발 절차가 있나요?
기관이 공개한 절차에서 별도 시험·전형은 확인되지 않았습니다. 상담 후 수강신청으로 이어집니다.
예전에 국비 교육을 들었는데 또 되나요?
중복수강 제한이 있을 수 있습니다. 최근 수료 이력이 있으면 상담 단계에서 먼저 확인해야 합니다.
출처 · 제도 요건 · 과정 데이터로 답이 채워지는 질문만
기관 랜딩페이지 https://gn.ezenac.co.kr/ezen/curriculum/?idx=5333
고용24 2026-08-14 기준 · 매일 갱신
