알림
뒤로

IT 커리어를 위한 첫 걸음
AI 프론트엔드 웹 개발자 양성과정

React · API · ChatGPT를 한 번에.
기업이 원하는 실무형 프론트엔드 개발자로 성장하세요

3개월
교육기간

 0원
교육비

 20명
모집인원

 350H
교육시간

mobile background

IT 커리어를 위한 첫 걸음
AI 프론트엔드 웹 개발자 
양성과정

React, API, ChatGPT를 한 번에
기업이 원하는 실무형 프론트엔드 개발자로
성장하세요

3개월
교육기간
0원
교육비
20명
모집인원
350H
교육시간

교육개요

판교에서 시작하는 AI개발자 로드

👤
모집 대상
성남시 거주 19세 ~ 39세 청년
성남시 소재 대학 재학 및 졸업(예정)자 포함
📅
교육 기간
2026.06.29 – 09.07
총 3개월 · 350시간 · 주 5일 09:00~17:00
💳
교육 비용
전액 무료
📍
교육 장소
한컴이노스트림 교육장
성남시 분당구 대왕판교로 606번길 47, SG타워 2층
🚇 판교역 300m 거리
📋
모집 기간
2026.03.09 – 05.29
🎯
모집 정원
20명

노베이스 클래스의 대표 강의 카테고리

단순한 코딩 수업이 아닙니다. 

실제로 만들고, 배포하고, 이력서 및 포트폴리오 첨삭까지 지원합니다.

노베이스 클래스의 대표 강의 카테고리

단순한 코딩 수업이 아닙니다

실제로 만들고, 배포하고, 이력서 및 포트폴리오 첨삭까지 지원합니다. 

교육목표

이 과정을 수료후 이렇게 달라질거에요!


1️웹 서비스를 처음부터 끝까지

HTML/CSS부터 React, API 연동, 배포까지 — 아이디어를 실제 서비스로 구현하는 전 과정을 혼자 수행할 수 있는 개발자로 성장합니다.



2️⃣AI를 나만의 개발 도구로 활용

ChatGPT API를 웹사이트에 직접 연동하고, AI 코드 보조 도구로 개발 속도를 높이는 실전 워크플로우를 체득합니다. 



3️⃣팀 협업과 Git 기반 실무 방식을 익혀요 

GitHub을 활용한 브랜치 전략, PR리뷰, 협업 워크플로우 등 실제 팀 개발 환경을 경험하며 협업 역량을 기웁니다. 



4️⃣취업에 바로 쓸 수 있는 포트폴리오를 완성해요 

개인 포트폴리오 사이트와 AI 기반 팀 프로젝트를 실제 배포까지 완성해 지원서에 바로 첨부할 수 있도록 지원합니다. 


커리큘럼 안내

기초부터 AI 캡스톤 프로젝트까지

3개월 실무가 쌓이는 여정, 단계적으로 설계된 350 시간의 커리큘럼

Tech Stack
🌐HTML5
🎨CSS3
⚡JavaScript
⚛️React
💨TailwindCSS
🟢Node.js
🔗REST API
🤖OpenAI API
🐙Git / GitHub
▲Vercel
📋Notion
💬ChatGPT
🌐HTML5
🎨CSS3
⚡JavaScript
⚛️React
💨TailwindCSS
🟢Node.js
🔗REST API
🤖OpenAI API
🐙Git / GitHub
▲Vercel
📋Notion
💬ChatGPT
W1-2
웹 기초 및 AI 코딩환경 적응
70H  ·  6/29 ~ 7/10
HTML5 CSS3 반응형 디자인 VSCode Git ChatGPT 바이브 코딩 실습
W3-4
자바스크립트 핵심 로직 실무화
70H  ·  7/13 ~ 7/24
ES6+ DOM 조작 비동기(Async/Await) API 연동(Fetch, Axios) AI 디버깅 실습
W5-6
React 프레임워크 실습 + 미니 프로젝트
70H  ·  7/27 ~ 8/7
React Hooks TailwindCSS CRUD 실습 개인 포트폴리오 사이트 제작
W7-8
프론트엔드 데이터 연동 + 협업 환경
63H  ·  8/10 ~ 8/21
REST API Node.js Express Git 협업 브랜치 전략 Notion 프로젝트 관리
W9
자기이해 + 커뮤니케이션 워크숍
7H  ·  8/24
퍼스널 브랜딩 협업 커뮤니케이션 발표력 강화 자기이미지 분석
W9-10
🏆 AI 기반 웹서비스 캡스톤 프로젝트
최종 성과공유회
OpenAI API 활용 팀 프로젝트 개발 Vercel/Netlify 배포 최종 성과공유회

실습 프로젝트

나만의 포트폴리오를 위한, AI 서비스 프로젝트

소개된 프로젝트는 이해를 돕기 위한 예시로, 최신 트렌드에 따라 업데이트 될 수 있습니다.

🎬
01
AI 영화·도서 추천 챗봇
취향과 감정 키워드를 분석해 맞춤형 콘텐츠를 추천하는 AI 서비스. TMDB · KakaoBook API를 연동합니다.
OpenAI API React Axios
✈️
02
AI 여행 플래너
여행 일정·예산·숙소를 AI가 자동 설계. Google Maps API를 연동해 완성도 높은 UI를 구현합니다.
OpenAI API Maps API Vercel
📖
03
AI 학습도우미
학습 자료 업로드 시 AI가 자동으로 요약·퀴즈 생성. 개인 맞춤형 학습 경험을 제공합니다.
ChatGPT API React Netlify

강사소개

협업 전문가가 직접 가르칩니다.

10년 이상의 실무 경력과 강의 경험을 갖춘 전문가들이 현장의 노하우를 전달합니다.  

김대진 리드 강사
AI·딥러닝·컴퓨터비전 분야 실무 개발자 출신. 현대자동차 부품 검수 Vision AI 모델 개발, On-device AI 설계 및 YOLO·EfficientNet·SAM 등 최신 모델 구현 경험 보유. 동서대학교·우리인재개발원·평택대학교 등 다수 기관에서 AI 개발 강의를 진행해온 실전형 리드 강사입니다.
Python React OpenAI API TensorFlow PyTorch Computer Vision DeepLearning On-device AI
커리큘럼 디렉터
현업 개발자가 직접 설계한 커리큘럼, 실무의 깊이가 다릅니다.
신승철
React · 미니 프로젝트
컴퓨터공학 전공, 정보기술개발 3급 자격 보유. 프론트엔드 실무 경험을 바탕으로 커리큘럼 설계 및 기술 자문을 담당합니다.
최희욱
데이터 연동 · 협업 환경
컴퓨터공학 전공. REST API 연동과 Git 협업 브랜치 전략 등 실무 개발 환경 구축 전반을 자문합니다.
서광원
JavaScript 핵심 로직
정보기술개발 3급 자격 보유. 실무 JS 패턴과 비동기 처리 기법을 중심으로 커리큘럼 깊이를 더합니다.
박성호
AI 웹서비스 · 캡스톤
컴퓨터공학 전공. OpenAI API 활용 AI 웹서비스 개발과 최종 프로젝트 설계·평가 자문을 담당합니다.

지출분야

수료 후 이런 개발자로 취업할 수 있어요

진출 분야

수료 후 이런 개발자로 취업할 수 있어요

🖥️
AI 연동 프론트엔드 개발자
웹서비스에 AI 기능을 연동하고 사용자 인터페이스를 구현합니다.
React ChatGPT API TypeScript
🎨
프론트엔드 UI/UX 개발자
반응형 웹 구축과 사용자 인터페이스 최적화를 담당합니다.
HTML5 CSS3 React TailwindCSS
📱
AI 웹서비스 기획·운영 인력
AI 기능을 활용한 웹서비스를 기획하고 운영합니다.
ChatGPT API Notion Vercel
⚡
스타트업 서비스 개발자
소규모 팀에서 초기 제품을 기획·개발·배포까지 담당합니다.
React GitHub Figma

특별혜택

수강생에게 드리는 특별한 지원

교육비 부터 취업 준비 지원까지, 한컴이노스트림이 함께합니다. 

💳
교육비 지원
성남시 지원으로 부담 없이 수강 가능. 80% 이상 교육 참여 시 소정의 훈련수당을 지원합니다.
*지정 요건 달성 시, 취업 축하금 지급
🖥️
최신 실습 환경 제공
1인 1PC, VSCode, OpenAI API, Claude(Claude Code) 등 모든 실습 도구를 무상으로 제공합니다.
🗂️
포트폴리오 완성 지원
개인 포트폴리오 사이트 + 팀 AI 프로젝트를 실제 배포까지 완성할 수 있도록 지원합니다.
🤝
성남·판교 IT기업 협약 네트워크
성남·판교권 IT기업 15개사와 협약을 맺고 채용 정보 공유, 기업 네트워킹, 취업 연계 프로그램을 제공합니다.
📝
이력서 & 면접 코칭
이력서 첨삭, 자소서 피드백, 모의 면접까지 1:1 맞춤 취업 컨설팅을 제공합니다.
🎖️
수료증 & 우수인재 추천서
수료 시 공식 수료증 발급. 우수 수강생에게는 대표 명의 우수 인재 추천서도 발급됩니다.
📡
6개월 사후관리
수료 후 6개월간 취업 현황 추적. 미취업자 재매칭 프로그램과 추가 기술 세션을 제공합니다.
🎓
온라인 선수학습 제공
과정 시작 전 온라인 플랫폼으로 사전 학습 자료를 제공해 기초 실력 차이를 최소화합니다.

지원 프로세스

지원부터 수료까지, 단계별 로드맵

복잡하지 않아요! 아래 순서대로 따라오시면 됩니다. 

STEP 1 온라인 지원서 접수
홈페이지 내 '신청하기' 버튼을 클릭하여 기본 인적사항을 작성해 제출해주세요.5분이면 충분해요!
STEP 2 서류 검토 및 레벨 테스트
제출된 서류를 검토한 후 합격자에 한해 간단한 SW 이해도 레벨 테스트를 진행합니다. 기초 수준도 충분합니다.
STEP 3 최종 합격자 발표 및 오리엔테이션
최종 20명 선발 후 개별 연락드립니다. 교육 시작 전 오리엔테이션을 통해 과정 전반을 안내드려요.
STEP 4 교육 과정 수강6/29 ~ 9/7
총 350시간, 주 5일(09:00~17:00) 대면 교육. 중간에 어려움이 있어도 괜찮아요! 운영 담당자가 함께 케어합니다.
STEP 5 최종 프로젝트 발표 & 성과공유회
팀 AI 프로젝트를 실제 배포하고 성과공유회에서 발표합니다. 협약 기업 관계자들이 직접 참관합니다.
STEP 6 취업 연계 & 사후관리
수료 직후부터 1:1 취업 컨설팅 시작. 협약 기업 채용 연계, 포트폴리오 고도화, 면접 코칭까지 6개월간 지원합니다.

자주 묻는 질문

한컴이노스트림 교육장(판교역 300M 거리) 

 경기도 성남시 분당구 대왕판교로 606번길 47, SG타워 2층에서 진행합니다😀

아니요! 지원자격에 해당하시는 분은 모두 교육비가 면제됩니다. 

[지원자격]

1) 성남시 거주 만 19-39세 청년
2) 성남시 소재 대학 재학·졸업(예정)자

네 물론입니다. 본 과정은 기초부터 심화까지 전 과정을 다루기때문에 초보자도 무리없이 수강하실 수 있습니다! 

교육기간 중 월~금(공휴일 제외) 9시~18시 오프라인으로 진행됩니다. (1일 7H)

아니요! 내일배움카드를 소지하지 않으셔도 참여하실 수 있습니다.  

글쓰기

메일 및 전화로 문의하시면 자세히 답변 드리겠습니다.


tel. 031-622-6129

mail. hwa@hancomins.com



메일 및 전화로 문의하시면 
자세히 답변드리겠습니다.

tel. 031-622-6129

mail. hwa@hancomins.com

고객센터

평일 09:00 ~ 17:00 (휴게시간 : 11:30 - 13:00, 주말 및 공휴일 휴무)

@2026 HANCOMINS. All rights reserved.

 고객센터 ㅣ 평일 09:00 - 17:00 (휴게 시간 11:30 - 13:00, 주말 및 공휴일 휴무)

@2026 HANCOMINS. All rights reserved.

카카오톡 채널 채팅하기 버튼