커리큘럼

0부부터 4부까지, 순서대로 따라오면 내 자사몰이 완성됩니다.

완전 초보 트랙과 기본 디지털 활용이 가능한 트랙으로 난이도가 나뉘어 있어요. 나에게 맞는 속도로 진행하면 됩니다 — 트랙 선택은 학습을 시작하면 안내됩니다.

시작 전 준비

검증 완료

도구를 설치하고 계정을 만드는 단계입니다. 한 번만 해두면 이후 모든 학습에서 계속 재사용합니다.

0부 개발 환경 준비

검증 완료
  1. 1

    VS Code 설치

    코드 편집기 설치. 이후 모든 작업의 기본 도구가 됩니다.

  2. 2

    GitHub 계정 + 인증 설정

    gh auth login 등 인증까지 마쳐야 Claude Code가 레포를 만들고 push할 수 있습니다.

  3. 3

    Claude Code 설치

    VS Code 확장 마켓플레이스에서 Claude Code를 설치합니다.

  4. 4

    저장소 생성 및 연결

    자연어로 "레포 만들고 연결해줘"라고 요청하면 Claude Code가 대신 처리합니다.

  5. 5

    CLAUDE.md 템플릿 적용

    프로젝트 배경을 담은 CLAUDE.md를 레포에 두면 Claude Code가 세션마다 자동으로 읽습니다.

0-2부 클라우드 인프라 계정 만들기

검증 완료
  1. 1

    Supabase 프로젝트 생성

    무료 계정으로 새 프로젝트를 만들면 DB와 인증이 자동으로 준비됩니다.

  2. 2

    Vercel 배포 + 도메인 연결

    GitHub 레포를 연결해 배포하고, 원하면 커스텀 도메인을 CNAME으로 연결합니다.

  3. 3

    결제 연동 (토스페이먼츠)

    본인 명의로 가맹점을 신청합니다. 사업자등록이 필요하며 심사에 며칠 걸릴 수 있습니다.

  4. 4

    로그인 연동 (Google/Kakao)

    OAuth 클라이언트를 발급하고 Supabase Provider에 연결하면 소셜 로그인이 동작합니다.

결과물 만들기

준비중

바이브 코딩으로 실제 내 자사몰을 완성해가는 단계입니다. 순서대로 하나씩 열립니다.

1부 상품 등록

준비중
  1. 1

    상품 등록

    내 상품 정보를 자사몰에 등록하는 단계입니다.

2부 디자인

준비중
  1. 1

    디자인

    Claude Design 등으로 자사몰의 화면을 꾸미는 단계입니다.

3부 결제 연동 (내 스토어)

준비중
  1. 1

    결제 연동 (내 스토어)

    본인 명의 토스페이먼츠 키로 내 자사몰에 실제 결제를 붙이는 단계입니다.

4부 AI 운영 보조

준비중
  1. 1

    AI 운영 보조

    AI 직원이 문의 응대·콘텐츠 작성 등 운영을 돕도록 설정하는 단계입니다.

지금까지 어디까지 왔는지 확인해보세요

학습 진행률과 최근 활동은 대시보드에서 한눈에 볼 수 있습니다.