바이브코딩 : 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단계로 이어지며 단계마다 직접 결과물을 만들고 강사의 피드백을 받습니다. 개강 일정과 반 배정은 상담에서 안내해 드립니다.

커리큘럼

  1. 01

    바이브코딩 시작 & 환경 세팅

    오리엔테이션·개발 흐름 · 에디터/Git 기본 설정 / 사용 툴: Claude, Cursor AI, VS Code, GitHub

  2. 02

    MCP로 AI↔클라우드 연동 이해

    MCP 개념·동작 · 간단 실습으로 데이터 연결 / 사용 툴: Claude, MCP, Cursor AI

  3. 03

    웹 기본기 & 프로젝트 뼈대

    HTTP/클라이언트·서버 · 폴더 구조·라우팅 기초 / 사용 툴: React, VS Code

  4. 04

    GitHub 협업 & 형상관리

    레포 생성·브랜치 · PR·이슈 트래킹 베이직 / 사용 툴: GitHub

  5. 05

    프론트엔드 CRUD ① 게시판/폼

    게시판 목록·상세 · 폼 상태·유효성 / 사용 툴: React, Cursor AI, Claude

  6. 06

    프론트엔드 CRUD ② To-do·비동기

    To-do 상태관리 · 비동기 통신(Fetch) / 사용 툴: React, Cursor AI, Claude

  7. 07

    외부 API 활용 & 갤러리

    공공/날씨 등 API 연동 · 갤러리 UI·페이지네이션 / 사용 툴: React

  8. 08

    백엔드 기초 & 데이터베이스

    Java/Spring 부트스트랩 · MariaDB 설치·SQL 실습 / 사용 툴: Spring Boot, MariaDB

  9. 09

    DB 연동 CRUD API 만들기

    서버와 DB를 연결 · Rest API를 통한 CRUD 검증 / 사용 툴: Spring Boot, MariaDB

  10. 10

    FE↔BE 연동 & 인증 기본

    프론트에서 API 호출 · 세션/토큰 개념 / 사용 툴: React, Spring Boot

  11. 11

    AWS 배포 ① EC2·RDS

    EC2 환경 구성 · RDS 스키마 연결 / 사용 툴: AWS EC2, AWS RDS

  12. 12

    운영 배포 & 점검 루틴

    백엔드 빌드·배포 · 모니터링·로그·이슈대응

이런 분께 맞습니다

  • AI (Claude·MCP / Cursor) 를 통한 설계 /분석
  • AI를 통한 실무적인 웹사이트 개발
  • 실무 바로 적용 가능한 사례 습득