</>
성남 청년 대상교육비 전액 무료판교 오프라인350시간 실습

성남 청년 20명,
판교에서
AI 웹서비스를
직접 만듭니다

React, API 연동, OpenAI 활용, 배포, 포트폴리오까지
3개월 동안 실무형 프론트엔드 흐름으로 완성하세요.

모집 대상
성남시
만 19–39세 청년
교육 기간
3개월
2026.06.29 – 09.07
교육 시간
350H
주 5일 대면 교육
교육 비용
전액무료
성남시 지원
모집 정원
20명
소수 정예 선발

이런 분에게 추천합니다

이제 프론트엔드는 화면만 만드는 것으로 충분하지 않습니다.
데이터 연동, API, AI 기능까지 직접 만들며 경험하세요.

#기초완성

기초는 배웠지만
결과물이 없는 분

HTML/CSS, JavaScript를 공부했지만 보여줄 프로젝트가 부족하다면, 결과물 중심으로 포트폴리오를 정리할 수 있습니다.

#실무경험

React와 API 연동
경험이 부족한 분

컴포넌트, 상태관리, API 호출, 데이터 흐름을 실제 서비스 화면에서 경험합니다.

#취업준비

취업 준비 자료가
막막한 분

개인 포트폴리오 사이트와 AI 프로젝트 결과물을 취업 준비 자료로 정리할 수 있도록 지원합니다.

판교에서 함께 만들어야 하는 이유

혼자 듣는 강의보다, 같은 공간에서 바로 질문하고 협업할 때 결과물이 더 빠르게 완성됩니다.

주 5일 대면 실습판교역 도보 5분프로젝트 중심 운영

오프라인 수강은
집중도와 실행이 다릅니다

설명보다 함께 구현하는 환경이 더 중요합니다.

바로 묻고
바로 해결

막히는 순간 바로 질문하고 바로 해결합니다.

협업이 실제
경험으로 남음

같은 공간에서 협업과 발표 준비를 실제처럼 경험합니다.

판교역 도보 5분
꾸준히 다니기 쉬움

가까운 동선으로 평일 실습도 부담이 적습니다.

판교역에서 가까운
오프라인 교육장

SG타워 2층, 판교역 도보 5분.

도보 5분
판교역에서 교육장까지 도보 5분 안내 지도

수강 경험이 아니라,
취업 준비에 활용할 결과물을
남깁니다

배운 것을 증명할 수 있는 실제 산출물을 완성합니다.

결과물 01

개인 포트폴리오

React로 소개 페이지를 만들고 배포합니다.

React반응형 UIVercel 배포
portfolio icon
지원서에 연결할 개인 소개와 프로젝트 페이지를 완성합니다.
결과물 02

AI 웹서비스 프로젝트

OpenAI와 외부 API를 연결해 프로젝트를 만듭니다.

OpenAI API외부 API 연동협업 개발
project icon
기획, 역할 분담, 발표까지 개발 흐름을 경험합니다.
결과물 03

GitHub · 배포

협업, PR, Vercel/Netlify 배포 흐름을 익힙니다.

GitHub FlowPull RequestDeploy Pipeline
git workflow icon
코드 작성부터 PR과 배포까지 개발 사이클을 익힙니다.
결과물 04

취업 준비 자료

이력서, 자소서, 포트폴리오 설명 자료를 정리합니다.

이력서자기소개서면접 설명 자료
document folder icon
프로젝트 경험을 서류와 면접 답변으로 정리합니다.

배움의 부담은 줄이고,
실습과 결과물에 집중할 수 있도록

성남시 지원으로 교육비부터 실습 환경까지 모두 제공합니다.

교육비 전액 무료

성남시 지원으로 교육비 부담 없이 참여할 수 있습니다.

식비·교통비 지원

교육 기간 중 식비와 교통비를 지원합니다.

1인 1PC 실습 환경

교육장에서 실습에 필요한 PC 환경을 제공합니다.

실습 도구 제공

VSCode, OpenAI API 등 실습에 필요한 도구를 활용합니다.

포트폴리오 완성 지원

개인 포트폴리오 사이트와 AI 프로젝트를 배포까지 연결합니다.

취업 준비 지원

이력서 첨삭, 자기소개서 피드백, 모의면접을 지원합니다.

6개월 사후관리

수료 후 취업 현황을 확인하고 추가 지원을 이어갑니다.

온라인 선수학습 제공

과정 시작 전 사전 학습 자료로 기초 격차를 줄입니다.

이론만 배우지 않고,
직접 만들 수 있는 서비스로
연결합니다

아래 프로젝트는 이해를 돕기 위한 예시이며, 실제 주제는 과정 운영 상황과 트렌드에 따라 조정될 수 있습니다.

프로젝트 A

AI 영화·도서 추천 챗봇

취향과 감정 키워드를 바탕으로 맞춤형 콘텐츠를 추천하는 AI 서비스입니다.

추천 서비스 화면
AI 영화·도서 추천 챗봇 예시 화면
구현 경험
사용자 입력 UIOpenAI API 연동콘텐츠 API 연동추천 결과 화면
사용 기술 예시
OpenAI APIReactAxios
프로젝트 B

AI 여행 플래너

여행 일정, 예산, 목적에 따라 여행 계획을 제안하는 웹서비스입니다.

일정 추천 대시보드
AI 여행 플래너 예시 화면
구현 경험
입력 폼 설계일정 데이터 처리지도 API 연동여행 일정 UI
사용 기술 예시
OpenAI APIMaps APIVercel
프로젝트 C

AI 학습도우미

학습 자료를 요약하고 퀴즈를 생성하는 학습 보조형 웹서비스입니다.

요약 · 퀴즈 화면
AI 학습도우미 예시 화면
구현 경험
텍스트 입력·업로드 UI요약 기능퀴즈 생성학습 플로우 설계
사용 기술 예시
ChatGPT APIReactNetlify

기초부터 AI 캡스톤 프로젝트까지,
단계적으로 쌓는 350시간

6단계 학습 여정으로 실무 흐름을 경험합니다.

1
1단계
웹 기초 및 AI 코딩환경 적응
W1–2

HTML5, CSS3, 반응형 디자인 기초를 익히고 VSCode, Git, ChatGPT를 활용한 코딩 환경에 적응합니다.

HTML5CSS3VSCodeGitChatGPT
2
2단계
JavaScript 핵심 로직 실무화
W3–4
3
3단계
React 실습 및 개인 포트폴리오 제작
W5–6
4
4단계
데이터 연동 및 협업 환경 구축
W7–8
5
5단계
커뮤니케이션 워크숍
W9
6
6단계
AI 기반 웹서비스 캡스톤 프로젝트
W10

실무를 아는 강사진과,
결과물 중심의 운영 방식

개념을 듣는 데서 끝나지 않고, 바로 구현해보는 흐름으로 진행합니다.

#리드 강사

김대진 강사

AI·딥러닝·컴퓨터비전 분야 실무 개발자 출신
  • AI, OpenAI API 활용 교육 담당
  • 프론트엔드 프로젝트 전반 지도
  • 캡스톤 프로젝트 운영 총괄
  • 실무형 AI 웹서비스 개발 경험
"기술을 배우는 것이 아니라, 실제로 만들어보는 경험을 설계합니다."
#커리큘럼 디렉터 그룹

영역별 전문 디렉터

각 단계별 심화 자문 및 지도
  • React 미니 프로젝트 · 포트폴리오 지도
  • 데이터 연동 · REST API 실습 담당
  • JavaScript 핵심 로직 심화 자문
  • AI 웹서비스 캡스톤 자문
강의 + 실습 중심
개념 → 즉시 구현하는 흐름
프로젝트 중심 학습
포트폴리오·프로젝트로 연결
협업 툴 활용
Git/GitHub, Notion 실무 경험
성과공유회
최종 프로젝트 발표 및 정리

수료로 끝나지 않고,
취업 준비까지 이어지도록 지원합니다

"취업 보장"이 아닌, 실질적 피드백과 연계로 준비를 돕습니다.

수료 전

프로젝트·포트폴리오 정리

개인 포트폴리오 사이트와 프로젝트 결과물을 취업 자료로 정리합니다.

수료 직후

1:1 취업 컨설팅

개인의 경험과 역량을 바탕으로 지원 방향을 구체화합니다.

지원 준비

이력서·자소서·포트폴리오 피드백

프로젝트 경험이 서류에서 잘 드러나도록 첨삭을 지원합니다.

면접 준비

모의면접 진행

이력서와 프로젝트 기반 예상 질문으로 실전 감각을 높입니다.

채용 정보

협약기업 채용 정보 공유

성남·판교권 IT기업 협약 네트워크를 기반으로 채용 정보를 안내합니다.

수료 후 6개월

사후관리 지속

취업 현황 확인, 미취업자 추가 지원, 후속 기술 세션을 이어갑니다.

제공 항목
이력서 첨삭 및 피드백
자기소개서 작성 지원
모의면접 진행
1:1 맞춤 취업 컨설팅
채용 정보 안내
취업 연계 프로그램
수료 후 6개월 사후관리
안내
취업 "보장"이 아닌 지원·피드백·연계 중심으로 운영됩니다. 수료생의 적극적인 참여가 중요합니다.

성남·판교 기반의 교육 인프라로
실무형 성장을 지원합니다

성남시 지원 교육과정

지원 자격에 해당하는 청년은 교육비 부담 없이 참여할 수 있습니다.

판교 오프라인 교육장

한컴이노스트림 교육장(SG타워 2층)에서 대면 실습 중심으로 진행됩니다.

성남·판교 IT기업 협약

채용 정보 공유, 기업 네트워킹, 취업 연계 프로그램 기반을 제공합니다.

성과공유회 운영

AI 프로젝트를 발표하고 결과물을 정리하는 과정을 포함합니다.

아래에 해당한다면
지원을 고려해보세요

성남시 거주 만 19~39세 청년
성남시 소재 대학 재학생 또는 졸업 예정자
웹서비스 개발과 AI 활용에 관심 있는 분
전 일정에 성실히 참여할 수 있는 분

지원부터 취업지원까지,
6단계로 진행됩니다

STEP 1

온라인 지원서 접수

기본 인적사항, 지원동기, 기술 경험을 작성합니다.

STEP 2

서류 검토 및 레벨 테스트

신청 내용을 검토하고 간단한 SW 이해도 확인을 진행합니다.

STEP 3

최종 합격자 발표 및 OT

최종 선발자에게 개별 안내하고 오리엔테이션을 진행합니다.

STEP 4

교육 과정 수강

총 350시간 대면 교육에 참여합니다.

STEP 5

최종 프로젝트 발표

AI 프로젝트를 배포하고 성과공유회에서 발표합니다.

STEP 6

취업 연계 및 사후관리

1:1 컨설팅, 포트폴리오 고도화, 면접 코칭, 채용 정보를 안내합니다.

모집 정원은 20명입니다. 지원 자격과 선발 절차를 확인한 뒤 신청해주세요.

성남 청년 20명,
AI 웹서비스를 직접 만들며
포트폴리오까지 완성하세요

React, API, OpenAI 활용, 배포, 취업 준비까지
3개월 동안 실무형 프론트엔드 흐름으로 경험합니다.

모집 정원은 20명입니다. 지원 자격과 선발 절차를 확인한 뒤 신청해주세요.
AI 프론트엔드 부트캠프 · 성남시 청년 20명 · 교육비 전액 무료

자주 묻는 질문

한컴이노스트림 교육장(판교역 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.