---

소개

---

참가 대상

성남시 거주 19세 ~ 39세 청년 또는 성남시 소재 대학 재학 및 졸업(예정)자 (타 부트캠프 및 교육과정 수료자 참여 가능 / 내일배움카드 필요없음 )

---

학습 목표

---

커리큘럼

1) 웹 기초 및 AI 코딩환경 적응

- 오리엔테이션
- 학습환경 구축 (VSCode, Git, Notion)
- HTML5 시맨틱 구조, CSS3 레이아웃
- Flex/Grid, 반응형 웹 디자인
- ChatGPT & Copilot을 활용한 ‘바이브 코딩’ 실습 : 간단한 웹 요소 제작 및 AI 코드 피드백 경험하기

2) 자바스크립트 핵심 로직 실무화

- 변수 · 함수 · 배열 · 객체 · DOM 조작
- 이벤트 처리, 비동기/Async(Await)
- API 연동(Fetch, Axios)
- AI 코드 분석 실습(디버깅, 오류 탐색 자동화)
- 간단한 API 기반 실습(날씨, 영화, 번역 등)

3) 프론트엔드 프레임워크 실습 (React) 및 미니 프로젝트

- React 개념 및 컴포넌트 구조
- props, state, 훅(Hooks) 이해
- React Router, Context API 활용
- TailwindCSS를 활용한 반응형 UI 구현
- CRUD 기능 실습 (게시판, 메모앱 등)
- 미니 프로젝트(개인): 나만의 포트폴리오 사이트 제작
(AI 기반 바이브 코딩 리팩토링 실습 병행)

4) 프론트엔드 데이터 연동 및 협업 환경 구축

- REST API 개념, 서버 통신 실습
- Node.js Express API 사용
- 데이터 CRUD 테스트
- Git 협업 브랜치 전략, 코드리뷰 실습
- Notion을 활용한 프로젝트 관리 & 일정표 작성

5) 자기이해 및 커뮤니케이션 향상 워크숍

- 퍼스널 컬러 진단을 통한 자기이미지 분석
- 색채심리 기반 자기표현 기법 학습
- 협업 시 긍정적 커뮤니케이션 방법 이해
- 발표력 및 자기브랜딩 감각 강화 활동

6) AI 기반 웹서비스 개발캡스톤 프로젝트

- OpenAI API 활용 (챗봇, 추천 시스템 등)
- AI 코드보조 기반 문제 해결 실습 + 배포 (Netlify, Vercel 활용)
- 성과공유회(최종 프로젝트 발표 및 평가)
- 프로젝트(안)
- 영화 · 도서 추천 챗봇
- AI 여행플래너
- AI 학습도우미

---

위치

---