이젠아카데미DX교육센터 - [서울시 매력일자리] AI 바이브 코딩 기반 프론트엔드

[서울시 매력일자리] AI 바이브 코딩 기반 프론트엔드

1차 개강일
26년 05월 06일(수)

고용24 국민내일배움카드 훈련과정명은
[서울시 매력일자리] AI 바이브코딩 기반 프론트엔드 실무 과정입니다.

바 로 가 기
교육기간
정규 2개월 취업준비생

교육비

K-디지털 ·국기 · 취준생 과정
90% ~ 최대100% 지원
지금 합류하면 혜택 ALL 제공
  • 500만원 상당 AI+실무 활용 인강
  • 50+ 협력기업 취업연계 (면접 멘토링)
  • 매월 20~80만원 훈련수당 지급
  • 온라인 학습 시스템 제공 · 교재 지원

서울시 매력일자리 교육 최대 880만원 받고
+무료 직무교육 받고
우수 기업 인턴부터 정규직까지!

서울시 매력일자리 교육 최대 880만원 지원 +
무료 교육, 인턴부터 정규직까지

서울시 매력일자리 로고 서울시 매력일자리 로고 서울시 매력일자리 인턴십,
이렇게 연결됩니다.
  • AI 기반 프론트엔드 취업을 위한 과정
  • 회사에서 진짜 쓰는 실무 제대로 배우는 과정
  • 우수기업 맞춤 교육 받고 바로 정규직 찬스!
서울시 매력일자리 인턴십 서울시 매력일자리 인턴십
인턴십 경험 후
정규직 전환

실무 경험과 취업의 지름길,
인턴십 후 즉시 정규직 취업 가능

교육비 전액지원
인턴급여 759만원
정규직전환 90%↑
  • 일 2만 5천원
    교육 수당 지급

    교육 이수율 80%이상 달성 시
    일 25,000원을 수당으로 지급합니다.

  • 총 759만원
    인턴 급여 지급

    우수기업 인턴 경험으로 진짜 실무를
    배우고
    월 약 253만원을 지급합니다.

  • 인턴 후 정규직
    90% 전환

    인턴했던 회사에서 정규직 전환이
    90% 이상
    가능합니다.
    (2024-2025년도 기준)

이젠아카데미 핵심 차별화 포인트 AI 시대 프론트엔드 개발의 핵심!
바이브코딩 기반의 프론트엔드
인재를 만듭니다

1 section2-icon section2-icon 실습 중심 개발 커리큘럼 웹 서비스 구조 이해부터 실제 UI 구현까지
단계별 실습 중심 교육
2 section2-icon section2-icon AI 기반 협업 개발 환경 Cursor AI, Claude 등
AI 협업 기반 개발 환경 경험
3 section2-icon section2-icon 실무 프로젝트 중심 학습 React 기반 웹서비스 구현 프로젝트를 통해
실제 서비스 개발 프로세스 경험

취업까지 직진하는 인턴십 교육
경험으로 끝나지 않는 이유

  • 일반 교육

    • 수백만원 개인 부담
    • 개인 프로젝트 위주
    • 급여 없음
    • 취업지원 정도

  • seoul × codelab seoul × codelab 매력일자리 교육

    • 수강료 전액 지원
    • 인턴십으로 쌓는 실무 경험
    • 인턴 급여 월 253만원 지급
    • 정규직 전환 기회 제공 * 90%이상 전환

시작하는 순간 이미 취업 진행 중 기업이 먼저 인정하는
프론트엔드 개발 역량
바로 투입 가능한 인재로 설계합니다

시작하는 순간 이미 취업 진행 중 기업이 먼저 찾는
즉시 투입형 프론트엔드

  • 바로 투입 가능한
    실무 중심 커리큘럼
  • 현직자 포트폴리오
    피드백 제공
  • 기업 실무 기반
    프로젝트 진행
  • AI 기반 프론트엔드
    개발 역량 UP

서울시 매력일자리만의
추가 혜택

  • section3-benefit section3-benefit

    우수기업
    특강 기회 제공

  • section3-benefit section3-benefit

    사진작가를 통한
    이력서용 프로필 사진
    촬영 지원

  • section3-benefit section3-benefit

    취업매칭 DAY
    우수기업 채용 지원

이론이 아닌 실전, 진짜 프로젝트! AI 기반 프론트엔드 개발자를 위한
실무 로드맵

  1. 기초 학습 프론트엔드 개발
    기초 이해
  2. 실무 학습 AI 기반 프론트엔드 개발 실습
    (HTML · CSS · JavaScript · React)
  3. 포트폴리오 AI 바이브코딩
    웹서비스 구현 프로젝트
  1. 과정 OT 및 직무 이해
    • 과정 이해 및 운영 안내 - 과정 목표 및 운영 방식 안내 /
      전체 커리큘럼 및 프로젝트 흐름
    • 프론트엔드 직무 이해 - 프론트엔드 개발자의 역할과
      책임 / AI 협업 기반 개발자 직무 변화
    +
    이 스텝을 마치면
    프론트엔드 개발자의 역할과 AI 협업 기반 개발
    환경의 변화를 이해할 수 있습니다.
  2. AI 프론트엔드 개발 환경 및 기초 이해
    • 프론트엔드 개발 구조 이해 - 웹서비스 동작 원리 /
      클라이언트-서버 구조 / 브라우저 렌더링 흐름
    • AI 기반 UI/UX 설계 - UX/UI 디자인 AI 도구 활용
      (Figma, UX Pilot, Stitch 등) / AI 활용(Figma+Cursor AI로 개발시간 단축)
    • AI 기반 협업 코딩 - Cursor AI 환경설정
      +VS Code+Claude / AI 기반 코딩(프롬프트 기반
      코드 개선 및 최적화) / Git · GitHub 환경 구성
    +
    이 스텝을 마치면
    웹 서비스 동작 구조를 이해하고 AI 협업 기반
    프론트엔드 개발 환경을 구축할 수 있습니다.
  3. AI 기반 HTML · CSS 구조 설계 및
    반응형 UI 구현
    • HTML 구조 설계 - 시맨틱 태그 활용 / 접근성을 고려한
      마크업 구조
    • CSS 레이아웃 및 반응형 UI - Flex, Grid 레이아웃 설계
      / 반응형 웹디자인을 위한 미디어쿼리
    • AI 기반 UI 코드 생성 - 요구사항 정의 기반 프롬프트 작성
      / HTML 구조 자동 생성 / 스타일 코드 생성 및 수정
    +
    이 스텝을 마치면
    웹 서비스 동작 구조를 이해하고 AI 협업 기반
    프론트엔드 개발 환경을 구축할 수 있습니다.
  4. JavaScript 핵심 및 AI 보조 기능 구현
    • JavaScript/Typescript 핵심 구조 이해 - 변수·함수
      ·객체 개념 / Typescript의 타입 설계
    • 비동기 처리 및 데이터 흐름 - 이벤트 처리와 DOM API /
      외부 데이터 호출, API 연동 실습
    • AI 기반 로직 생성 및 디버깅 - 함수 및 로직 자동 생성 /
      코드 해석 및 리팩토링 / 디버깅 자동화
    +
    이 스텝을 마치면
    JavaScript 기반 인터랙션과 외부 데이터 연동
    기능을 구현할 수 있습니다.
  5. 프론트엔드 아키텍처 및 프레임워크 활용
    • 컴포넌트 기반 아키텍처 이해 - UI 컴포넌트 개념
      / 재사용성과 유지보수성
    • SPA 구조 및 상태 관리 - SPA 개념 이해 / 컴포넌트,
      상태, 속성, 이벤트
    • AI 기반 React 구현 - React 구조 이해 / 컴포넌트 자동
      생성 / 렌더링 흐름 이해
    +
    이 스텝을 마치면
    컴포넌트 기반 구조를 이해하고 React 기반
    웹서비스를 구현할 수 있습니다.
  6. UI/UX 설계 기준 및 사용자 경험 이해
    • UX 기초 이해 - 사용자 경험 개념 / User Flow 이해
    • UI 설계 기준 이해 - 개발 관점의 UI 설계 기준
    +
    이 스텝을 마치면
    사용자 경험 관점에서 UI 설계 기준과 서비스
    흐름을 이해할 수 있습니다.
  7. 프론트엔드 품질 · 성능 · 협업
    • 코드 품질 관리 - 가독성 및 유지보수 기준
    • 성능 및 협업 이해 - 렌더링 성능 기초 / Git Branch 관리,
      Request 협업
    +
    이 스텝을 마치면
    실무 개발 환경에서 필요한 코드 품질 관리와
    협업 방식을 이해할 수 있습니다.
  8. AI 바이브코딩 UX/UI 웹서비스
    인터렉션 구현 프로젝트
    • AI 기반 프로젝트 UI/UX 기획 및 설계 / 바이브코딩
      환경에서 기능 구현 및 고도화 / 프로젝트 마무리 및 발표
      / 포트폴리오 산출물 완성
    • 피드백 및 개선안 제시
    +
    이 스텝을 마치면
    AI 협업 기반 개발 환경에서 웹서비스를
    기획하고 구현하는 프로젝트 경험을 갖게 됩니다.

심화 실전 프로젝트로
현업을 미리 경험! 기업 요구사항 기반 프로젝트를 통해
실제 서비스 구현 프로세스를 경험합니다

프로젝트명

AI 바이브코딩 UX/UI 웹서비스 인터렉션
구현 프로젝트 (150시간)

UI/UX 설계 → 바이브코딩을 활용한 기능 구현까지,
프로젝트를 통해 실제 서비스 프로세스를 경험하며
포트폴리오를 완성합니다.

사용 기술
사용 기술

프론트엔드 실무과정 모집개요 지원부터 인턴십까지
한 눈에 보는 전체 과정

  1. Step 01

    03.05-04.17 접수기간

  2. Step 02

    04.28 면접

  3. Step 03

    04.30 합격자 발표

  4. Step 04

    05.06-07.03 교육기간

  5. Step 05

    07-10.31 인턴십

  • 지원 자격
    • 서울시에 거주하는 만 18세 이상 - 만 39세 이하의
      서울 시민
    • 공고 마감일 기준 취업 상태인 자,
      대학 대학원 재학
      (휴학) 중인 자는 제외(졸업예정자 참여 가능)
  • 우대사항
    • 청년취업사관학교 수료생, 삼성청년 SW, AI 아카데미
      수료생 등
    • K-디지털트레이닝, 국가기간 전략산업직종 훈련
      수료자 등
    • (프론트엔드)ICT, 디지털 기술 관련 자격증 소지자

seoul-logo 서울시와 함께하는 AI 바이브코딩 기반
프론트엔드 실무 과정 지금 지원하고 실무 경력을 시작하세요!

훈련수당 적용 시,
교육비 자기부담금 O원
정책 변경으로 자부담 10%가 생겼어요.

하지만,
매달 받는 훈련수당으로 →
교육비 자기부담금은 O원

자부담 10%
(최대 60만원) ↓ 교육비 자기부담금 O원
K-디지털·국기·취준생 국비지원
매월 훈련수당
20~80만원 지급
(6개월 기준 최대 480만원) ※ 개인별 지급액은 상이할 수 있습니다.

  • 50+
    협력기업
    취업연계

  • 희망 기업 맞춤
    예상 질문 &
    모의 면접

  • AI Tool
    사용 혜택
    제공

  • 500만원 상당
    AI+ 실무 활용
    온라인 강의

  • 온라인
    학습 시스템
    제공 (LMS)

  • 교육과정
    관련
    교재 제공

※ 지점별 혜택은 상이할 수 있습니다.

수강후기

  • 2025-06-26 ~2025-12-17 UXUI디자인&웹기획 프론트엔드 부트캠프
    - 4○수료생

    6개월 짧기도 길기도 길었지만 율희선생님은 항상 학생들을 신경쓰시며 밤늦게 해주셨었습니다 피드백도 잘해주시며 목적이분명한 분들은 수강하면 만족하실것같습니다. 그동안 감사했습니다

  • 프론트엔드
    - 박○O

    실무지식과 경험을 얻응 수 있어서 좋았다

  • 걱정많이했는데 만족했습니다
    - 만○

    인터넷상에 너무 걱정스러운 후기들이 많아서 고르고 골라서 간것만큼 만족스러웠음 강사님도 잘알려주시고 같이배우는 동기들이 너무 좋았음

  • 선생님께서 친절하고 열정적이게 가르쳐 주셔서 이 부분에 관심이 생기고 더 열심히 할 수 있게 되었다
    - 선○님께서 친절하고

    선생님께서 친절하고 열정적이게 가르쳐 주셔서 이 부분에 관심이 생기고 더 열심히 할 수 있게 되었다

  • 황병숙 선생님께서 많이 도와주시고 잘 이끌어주셔서 비전공자도 무사히 수료 할 수 있었습니다 감사합니다!
    - O○O

    황병숙 선생님께서 많이 도와주시고 잘 이끌어주셔서 비전공자도 무사히 수료 할 수 있었습니다 감사합니다!

  • UIUX프론트엔드부트캠프
    - 1○11111111

    황병숙 강사님께서 열정적으로 잘 가르쳐주셔서 만족합니다. 수강생 하나하나 다 신경쓰고 챙겨주려 하시고 한명도 포기하지 않으려고 하는 느낌을 많이 받았습니다.

  • 감사합니다
    - 김○O

    필요한 내용의 교육을 국가 기관에서 무료로 제공해 주심에 큰 감사가 있다. 이 교육으로 한 단계 업그레이드하게 되어 자신감을 얻었다. 취업을 향해 희망으로 나아갈수 있게 되어 기쁘다.

  • UXUI디자인 웹 프론트엔드부트캠프
    - O○O

    처음에는 어렵게 느껴져 시작조차 망설였지만, 막상 도전해 보니 ‘시작이 반’이라는 말처럼 어렵지만 동시에 재미있게 느껴졌습니다. 아직 많이 부족하다고 느끼지만, 새로운 분야에 도전한다는 점에서 설렘과 걱정이 함께 공존했던 시간이었습니다. 수업 과정이 쉽지만은 않았지만, 함께 수강한 분들과 황병숙선생님 덕분에 즐겁고 의미 있게 수업에 참여할 수 있었습니다. 종강이 오지 않을 것 같았는데, 막상 이렇게 다가오니 아쉬운 마음이 크게 남네요. 조금 더 저를 발전한 계기가 된 거 같아요!

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    변서은 선생님께서 열정을 가지고 가르쳐주셔서 넘 감사했어요!! 정지후 매니저님도 계속 뒤에서 응원해주시고 서포트 해주셔서 너무너무 감사했습니다. 학생들한테 정이 많고 의욕적이신 두 분 덕분에 긴 학원 생활을 잘 마무리할 수 있었던 것 같습니다. 수업 내용 또한 즐거웠고 개발자로서 한 걸음 나아갈 수 있는 유익한 수업이 되었던 것 같습니다.

  • 강남 변서은선생님 25.04.01~09.24 UXUI디자인 웹 프론트엔드개발 부트캠프(생성형AI 활용/피그마)
    - 0○.09.24수료

    힘들고 지칠때도 있었지만 변선생님과 지후 매니줠님께서 잘 다독여줘서 수업을 끝까지 마무리 지을 수 있었습니다!! 너무너무 감사했습니다ㅠㅠㅠㅠ 라뷰

수강후기 더보기

UX/UI 웹디자인 프론트엔드

UX/UI 웹디자인 프론트엔드 취업완성패스

UX/UI 웹디자인 프론트엔드 커리어패스

 
개강일까지
🔥 D-47 경력같은 신입, 결과는 실무 2년차급 프로젝트!

10초 안내받기

원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.

지점선택

학과 및 교육과정 선택

지점을 선택해 주세요.

신청자

빠른 안내 전화 문의 1544-8147
개인정보수집 및 이용에 대한 동의

(주)이젠아카데미가 운영하는 이젠아카데미컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.

1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외


2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 전화, SMS, 카카오톡 등으로 받아보실 수 있습니다. 목적이 변경될 시에는 사전에 동의를 구합니다.


3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.


4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 (주)이젠아카데미가 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.

그 밖의 사항은 <개인정보 처리방침>을 준수합니다.