바이브코딩 : Claude AI로 웹사이트 구축
이제 AI를 이용해서 웹사이트를 제작할 수 있습니다
AI 활용 · 8주 (회차당 3시간)- 수강 기간
- 8주 (회차당 3시간)
- 학습 도구
- Cursor AI, Claude AI, MariaDB, AWS, Github
- 선수 과목
- 없음
바이브코딩 : Claude AI로 웹사이트 구축 과정은 Cursor AI, Claude AI, MariaDB, AWS, Github 환경에서 8주 (회차당 3시간) 동안 진행합니다. 총 12단계로 이어지며 단계마다 직접 결과물을 만들고 강사의 피드백을 받습니다. 개강 일정과 반 배정은 상담에서 안내해 드립니다.
커리큘럼
- 01
바이브코딩 시작 & 환경 세팅
오리엔테이션·개발 흐름 · 에디터/Git 기본 설정 / 사용 툴: Claude, Cursor AI, VS Code, GitHub
- 02
MCP로 AI↔클라우드 연동 이해
MCP 개념·동작 · 간단 실습으로 데이터 연결 / 사용 툴: Claude, MCP, Cursor AI
- 03
웹 기본기 & 프로젝트 뼈대
HTTP/클라이언트·서버 · 폴더 구조·라우팅 기초 / 사용 툴: React, VS Code
- 04
GitHub 협업 & 형상관리
레포 생성·브랜치 · PR·이슈 트래킹 베이직 / 사용 툴: GitHub
- 05
프론트엔드 CRUD ① 게시판/폼
게시판 목록·상세 · 폼 상태·유효성 / 사용 툴: React, Cursor AI, Claude
- 06
프론트엔드 CRUD ② To-do·비동기
To-do 상태관리 · 비동기 통신(Fetch) / 사용 툴: React, Cursor AI, Claude
- 07
외부 API 활용 & 갤러리
공공/날씨 등 API 연동 · 갤러리 UI·페이지네이션 / 사용 툴: React
- 08
백엔드 기초 & 데이터베이스
Java/Spring 부트스트랩 · MariaDB 설치·SQL 실습 / 사용 툴: Spring Boot, MariaDB
- 09
DB 연동 CRUD API 만들기
서버와 DB를 연결 · Rest API를 통한 CRUD 검증 / 사용 툴: Spring Boot, MariaDB
- 10
FE↔BE 연동 & 인증 기본
프론트에서 API 호출 · 세션/토큰 개념 / 사용 툴: React, Spring Boot
- 11
AWS 배포 ① EC2·RDS
EC2 환경 구성 · RDS 스키마 연결 / 사용 툴: AWS EC2, AWS RDS
- 12
운영 배포 & 점검 루틴
백엔드 빌드·배포 · 모니터링·로그·이슈대응
이런 분께 맞습니다
- AI (Claude·MCP / Cursor) 를 통한 설계 /분석
- AI를 통한 실무적인 웹사이트 개발
- 실무 바로 적용 가능한 사례 습득