修

練

수련 과정

바이브코딩의 비기를 전수받으세요

Part 1

입문

AI와 대화하며 코딩하는 법, 환경 설정부터 첫 대화까지

5 Ch

0/5

Ch01

AI 코딩이란?

+50 XP수련 중

•바이브코딩의 개념과 기존 코딩과의 차이점을 이해할 수 있습니다.
•AI 코딩 어시스턴트의 역할과 활용 방법을 배울 수 있습니다.
•바이브코딩으로 개발 생산성을 높이는 방법을 알 수 있습니다.

Claude Code 설치하기

+50 XP이전 챕터를 먼저 완료하세요

•VS Code와 필수 확장 프로그램을 설치할 수 있습니다.
•Node.js, npm 등 개발 도구를 설정할 수 있습니다.
•Claude Code를 설치하고 API 키를 연동할 수 있습니다.

첫 대화 시작하기

+50 XP이전 챕터를 먼저 완료하세요

•Claude Code를 실행하고 기본 인터페이스를 익힐 수 있습니다.
•자연어로 코드 생성을 요청하는 방법을 배울 수 있습니다.
•Claude의 응답을 이해하고 활용할 수 있습니다.

파일 읽고 쓰기

+50 XP이전 챕터를 먼저 완료하세요

•터미널/커맨드라인의 기본 개념을 이해할 수 있습니다.
•필수 명령어 (ls, cd, mkdir, rm 등)를 익힐 수 있습니다.
•Claude와 함께 터미널 명령어를 실행할 수 있습니다.

터미널 명령어

+50 XP이전 챕터를 먼저 완료하세요

•디렉토리 구조와 경로의 개념을 이해할 수 있습니다.
•파일 및 폴더를 생성, 이동, 복사, 삭제할 수 있습니다.
•Claude에게 파일 작업을 요청하는 방법을 배울 수 있습니다.

Part 2

기초 무공

프롬프트 작성, 코드 탐색, Git 관리 등 핵심 기술 익히기

6 Ch

0/6

프로젝트 구조 이해

+100 XP이전 챕터를 먼저 완료하세요

•일반적인 프로젝트 폴더 구조를 파악할 수 있습니다.
•package.json, tsconfig 등 설정 파일을 이해할 수 있습니다.
•Claude에게 프로젝트 구조 분석을 요청할 수 있습니다.

컨텍스트와 메모리

+100 XP이전 챕터를 먼저 완료하세요

•Claude의 컨텍스트 윈도우 개념을 이해할 수 있습니다.
•효율적인 파일 참조와 컨텍스트 제공 방법을 배울 수 있습니다.
•@파일 멘션과 컨텍스트 최적화 기법을 익힐 수 있습니다.

효과적인 프롬프팅

+100 XP이전 챕터를 먼저 완료하세요

•명확하고 구체적인 요청 작성법을 배울 수 있습니다.
•단계별 지시와 예시 활용 방법을 익힐 수 있습니다.
•복잡한 작업을 작은 단위로 분해할 수 있습니다.

코드 탐색하기

+100 XP이전 챕터를 먼저 완료하세요

•Claude를 활용해 코드베이스를 탐색할 수 있습니다.
•함수, 클래스, 변수 정의를 빠르게 찾을 수 있습니다.
•코드 의존성과 호출 관계를 분석할 수 있습니다.

코드 편집하기

+100 XP이전 챕터를 먼저 완료하세요

•Claude에게 코드 수정을 효과적으로 요청할 수 있습니다.
•diff 형식을 이해하고 변경사항을 검토할 수 있습니다.
•여러 파일에 걸친 리팩토링을 수행할 수 있습니다.

Git 기초

+100 XP이전 챕터를 먼저 완료하세요

•Git의 기본 개념과 워크플로우를 이해할 수 있습니다.
•Claude와 함께 커밋, 브랜치, 머지 작업을 할 수 있습니다.
•GitHub 연동 및 Pull Request를 만들 수 있습니다.

Part 3

실전 수련 I

포트폴리오 사이트, 브라우저 게임 등 나만의 프로젝트 만들기

5 Ch

0/5

프로젝트 메모리

+150 XP이전 챕터를 먼저 완료하세요

•Next.js와 Tailwind CSS로 포트폴리오 구조를 설계할 수 있습니다.
•반응형 레이아웃과 컴포넌트를 구현할 수 있습니다.
•프로젝트 섹션, 소개 페이지 등 핵심 기능을 완성할 수 있습니다.

웹사이트 개발

+150 XP이전 챕터를 먼저 완료하세요

•Vercel 계정을 연동하고 프로젝트를 설정할 수 있습니다.
•GitHub 연동을 통한 자동 배포를 구성할 수 있습니다.
•커스텀 도메인을 연결하고 환경변수를 관리할 수 있습니다.

배포하기

+150 XP이전 챕터를 먼저 완료하세요

•Supabase 프로젝트를 생성하고 설정할 수 있습니다.
•테이블 스키마 설계와 데이터 모델링을 할 수 있습니다.
•CRUD 작업과 실시간 구독 기능을 구현할 수 있습니다.

데이터 저장

+150 XP이전 챕터를 먼저 완료하세요

•Canvas API 또는 게임 라이브러리 기초를 배울 수 있습니다.
•게임 루프와 상태 관리를 구현할 수 있습니다.
•사용자 입력 처리와 간단한 물리 엔진을 만들 수 있습니다.

미니 게임

+150 XP이전 챕터를 먼저 완료하세요

•React 상태 관리와 사용자 인터랙션을 설계할 수 있습니다.
•애니메이션과 트랜지션 효과를 구현할 수 있습니다.
•드래그 앤 드롭, 제스처 등 고급 인터랙션을 추가할 수 있습니다.

Part 4

실전 수련 II

CLI 도구, 챗봇, API 서버, 풀스택 앱까지 실무급 개발

4 Ch

0/4

CLI 도구 만들기

+150 XP이전 챕터를 먼저 완료하세요

•Node.js로 커맨드라인 인터페이스를 설계할 수 있습니다.
•인자 파싱과 옵션 처리를 구현할 수 있습니다.
•npm 패키지로 배포하고 글로벌 설치할 수 있습니다.

챗봇 만들기

+150 XP이전 챕터를 먼저 완료하세요

•Discord/Slack API와 봇 계정을 설정할 수 있습니다.
•메시지 수신 및 응답 로직을 구현할 수 있습니다.
•슬래시 명령어와 인터랙티브 기능을 추가할 수 있습니다.

백엔드 기초

+150 XP이전 챕터를 먼저 완료하세요

•RESTful API 설계 원칙과 패턴을 이해할 수 있습니다.
•Express/Next.js API 라우트를 구현할 수 있습니다.
•에러 처리, 검증, 문서화 방법을 배울 수 있습니다.

풀스택 앱 완성하기

+200 XP이전 챕터를 먼저 완료하세요

•사용자 인증 시스템을 설계하고 구현할 수 있습니다.
•세션, JWT, OAuth 방식을 이해하고 적용할 수 있습니다.
•보안 베스트 프랙티스와 권한 관리를 구현할 수 있습니다.

Part 5

고급 비기

훅, 커스텀 에이전트, CI/CD 등 프로처럼 Claude Code 다루기

7 Ch

0/7

아키텍처 이해

+200 XP이전 챕터를 먼저 완료하세요

•대규모 애플리케이션 아키텍처 패턴을 이해할 수 있습니다.
•마이크로서비스와 모놀리식 구조를 비교할 수 있습니다.
•Claude와 함께 아키텍처 다이어그램을 분석할 수 있습니다.

설정 심화

+200 XP이전 챕터를 먼저 완료하세요

•Claude Code 설정 파일을 심화 학습할 수 있습니다.
•프로젝트별 커스텀 설정을 구성할 수 있습니다.
•환경별 설정 분리와 비밀을 관리할 수 있습니다.

Hooks & Commands

+200 XP이전 챕터를 먼저 완료하세요

•Claude Code 훅 시스템을 이해할 수 있습니다.
•사전/사후 실행 훅을 구성할 수 있습니다.
•반복 작업을 위한 커스텀 명령어를 만들 수 있습니다.

Agents & Skills

+200 XP이전 챕터를 먼저 완료하세요

•에이전트 기반 개발 패러다임을 이해할 수 있습니다.
•특정 도메인에 최적화된 에이전트를 설정할 수 있습니다.
•멀티 에이전트 워크플로우를 구성할 수 있습니다.

MCP 연동

+200 XP이전 챕터를 먼저 완료하세요

•Claude Code 스킬 시스템을 이해할 수 있습니다.
•커스텀 스킬을 개발하고 등록할 수 있습니다.
•MCP 서버 연동으로 기능을 확장할 수 있습니다.

CI/CD 자동화

+200 XP이전 챕터를 먼저 완료하세요

•GitHub Actions 기반 CI/CD를 구성할 수 있습니다.
•자동 테스트와 린트 검사를 설정할 수 있습니다.
•스테이징/프로덕션 배포를 자동화할 수 있습니다.

팀 협업

+200 XP이전 챕터를 먼저 완료하세요

•Claude Code를 활용한 코드 리뷰 프로세스를 구축할 수 있습니다.
•브랜치 전략과 PR 워크플로우를 최적화할 수 있습니다.
•문서화와 지식 공유를 자동화할 수 있습니다.

Part 6

Web3 무림

지갑 연동, NFT, 스마트 컨트랙트로 온체인 세계 입문

3 Ch

0/3

Web3 기초

+250 XP이전 챕터를 먼저 완료하세요

•Web3 지갑 (MetaMask, Coinbase)을 연동할 수 있습니다.
•토큰 잔액 조회와 전송 기능을 구현할 수 있습니다.
•NFT 메타데이터 조회와 갤러리를 만들 수 있습니다.

Farcaster Frames

+250 XP이전 챕터를 먼저 완료하세요

•Farcaster 프로토콜과 Frames 개념을 이해할 수 있습니다.
•인터랙티브 Frame 앱을 설계하고 구현할 수 있습니다.
•Frame 액션과 상태 관리를 구현할 수 있습니다.

Base 스마트 컨트랙트

+250 XP이전 챕터를 먼저 완료하세요

•Solidity 기초와 스마트 컨트랙트 개념을 배울 수 있습니다.
•Base 네트워크에 컨트랙트를 배포할 수 있습니다.
•프론트엔드와 컨트랙트를 연동할 수 있습니다.