3주차 가이드 | 나만의 앱 만들기 시작

수업 전에 읽어보세요

오늘 뭘 하나요?

🎯 오늘의 목표

2회차에 만든 앱을 실제 인터넷에 올립니다. 오늘 끝나면 URL이 생기고, 누구나 접속할 수 있어요. 새 앱을 만드는 건 4회차에 합니다!

🛠️ 오늘 설치하는 도구

VS Code (코드 편집기), GitHub Desktop (코드 저장소), Vercel (배포). 셋 다 무료, 하나씩 함께 합니다.

✅ 꼭 가져오세요

2회차에 만든 앱 폴더 (바탕화면에 있는 prd.md + 앱 파일들). 못 가져왔거나 2회차에 결석한 분은 아래 결석자 안내를 확인해주세요!

💡 오늘 가장 중요한 것

설치할 게 많아요. 막히면 바로 손 들고 알려주세요! 환경 셋팅에서 막히는 건 누구나 겪는 일이에요. 오늘만 지나면 다음부터는 만들기에만 집중할 수 있습니다.

오늘 흐름

이렇게 진행됩니다

9:00 ~ 9:10

📋 오프닝

"오늘 끝나면 내 앱에 URL이 생깁니다"

9:10 ~ 9:30

💻 VS Code 설치 + Claude 연결

코드 편집기 설치 + CLI 또는 확장팩으로 Claude 연결

📌 설치 가이드 →

9:30 ~ 9:55

🐙 GitHub 계정 + GitHub Desktop

계정 가입 + GitHub Desktop 설치 & 로그인

📌 설치 가이드 →

9:55 ~ 10:20

🚀 2회차 앱 GitHub 올리기 + Vercel 배포

저장소 만들기 → Vercel 가입 → 배포 → "내 앱에 URL이 생겼다!" 🎉

📌 배포 가이드 →

10:20 ~ 10:35

☕ 쉬는 시간

10:35 ~ 11:10

⚡ 기존 앱 고도화

VS Code에서 이어서 작업 → 커밋&푸시 → 자동 배포 사이클 경험

📌 고도화 가이드 →

11:10 ~ 11:50

🗄️ Supabase 연결 (선택)

DB가 필요한 사람은 Supabase 연결. 필요 없는 사람은 고도화 계속

📌 Supabase 가이드 →

11:50 ~ 12:00

📌 마무리 & 4회차 안내

과제 안내, 다음 주 예고, 강의 평가

⭐ 강의 평가하기 →

🎯 오늘의 최소 목표

2회차 앱 배포 완료 (URL 확보). 고도화와 Supabase는 여유 있으면 진행하고, 못 해도 4회차에 새 앱으로 다시 할 수 있어요!

VS Code가 뭔가요? 코드를 보고 관리하는 편집기예요. Claude가 만든 파일이 어디에 있는지 한눈에 보이고, 이어서 수정하기도 쉬워요.

1-1. VS Code 설치

1

다운로드

https://code.visualstudio.com/download

파란색 "Windows" 버튼 클릭 → 다운로드된 파일 더블클릭

2

설치 (모든 설정 기본값 그대로)

① "동의합니다" → "다음"
② 설치 위치 그대로 → "다음"
③ 추가 작업 선택 화면: 체크박스 모두 그대로 → "다음"
④ "설치" → 1~2분 대기 → "종료"

3

한국어 설정 (선택)

왼쪽 네모 4개 아이콘(Extensions) → korean 검색 → "Korean Language Pack" Install → "Change Language and Restart"

1-2. VS Code에서 Claude 연결 (2가지 방법 중 선택)

방법 A: CLI 방식 — 수업 기준

터미널에서 Claude Code를 직접 실행. 더 강력하고 수업에서 기준으로 사용합니다.

A1

터미널 열기

VS Code 상단 메뉴 → "터미널" → "새 터미널" 클릭. 화면 아래에 터미널 창이 열립니다.

A2

Claude Code 설치

터미널에 아래 명령어를 입력하고 Enter

터미널 명령어

npm install -g @anthropic-ai/claude-code

⚠️ "npm을 찾을 수 없습니다" 오류가 나면 Node.js를 먼저 설치해야 해요. 아래 방법으로 직접 설치하세요!

🔧 Node.js 설치 방법

① https://nodejs.org 접속
② "LTS" 버튼 클릭 (왼쪽, 안정 버전) → 다운로드
③ 다운로드된 파일 더블클릭 → 모든 설정 기본값 그대로 → "Next" → "Install"
④ 설치 완료 후 VS Code를 완전히 종료했다가 다시 실행
⑤ 터미널을 새로 열고 다시 명령어 입력

A3

Claude Code 실행 & 로그인

터미널 명령어

claude

브라우저가 열리면 Claude 개인 계정으로 로그인 → 터미널에 Claude 로고가 보이면 성공!

방법 B: Claude 확장팩 방식 — 터미널이 불편한 분

VS Code에 Claude 공식 확장을 설치하는 방식이에요.

B1

Extensions 열기

VS Code 왼쪽 네모 4개 아이콘(Extensions) 클릭

B2

Claude 공식 확장 검색 & 설치

검색창에 Claude 입력 → 게시자가 "Anthropic"인 Claude 확장 선택 → Install 클릭

⚠️ 게시자가 Anthropic인지 반드시 확인! 유사한 이름의 비공식 확장이 있어요.

B3

Claude 계정 연결

왼쪽 메뉴에 Claude 아이콘 클릭 → "Sign in with Claude" → 브라우저에서 개인 계정으로 로그인 → 연결 완료!

💡 기존 Claude Code 작업 파일, VS Code에서 이어서 작업 가능한가요?

네, 문제없어요! Claude Code가 만든 파일은 일반 파일(html, js, css 등)이에요. VS Code로 그 폴더를 열면 바로 보이고 편집 가능합니다. 폴더 위치가 헷갈리면 Claude에게 "지금 작업 중인 폴더 경로를 알려줘"라고 물어보세요.

GitHub이 뭔가요? 코드를 안전하게 저장하는 인터넷 저장소예요. Vercel과 연결되어서 코드를 올리면 자동으로 배포됩니다.

2-1. GitHub 계정 만들기

이미 계정이 있다면 2-2로 건너뛰세요.

방법 1 (추천): 구글 계정으로 가입

비밀번호 없이 구글 계정으로 바로 가입. 가장 간편하고 안전해요!

1

GitHub 가입 페이지 접속

https://github.com/signup

2

구글로 계속하기

"Continue with Google" 버튼 클릭 → 구글 계정 선택 → 자동으로 연결!

⚠️ 전산실 PC에서 구글 로그인이 차단된 경우 아래 방법 2로 가세요.

3

사용자 이름(Username) 설정

Username을 영문으로 만들어요 (예: hong-gildong-2026). 이 이름이 내 저장소 주소가 됩니다!

방법 2: 이메일 + 비밀번호로 가입

구글 로그인이 안 되는 환경일 때 사용하세요.

1

이메일 입력

https://github.com/signup

이메일 주소 입력 → Continue

2

비밀번호 & 사용자 이름 만들기

① Password: 8자 이상 (숫자+소문자 포함)
② Username: 영문으로 나만의 이름 (예: hong-gildong-2026)
③ 이메일 수신 여부: n 입력

⚠️ Username과 Password 반드시 메모해두세요!

3

이메일 인증

퍼즐 인증 풀기 → 이메일로 온 8자리 코드 입력 → 가입 완료!

⚠️ 인증 메일이 안 오면 스팸함 확인. 그래도 없으면 "Resend code" 클릭.

2-2. GitHub Desktop 설치

1

다운로드 & 설치

https://desktop.github.com/

"Download for Windows" → 파일 실행 → 자동으로 설치되고 열립니다.

2

GitHub 계정으로 로그인

① "Sign in to GitHub.com" 클릭
② 브라우저에서 방금 만든 계정으로 로그인
③ "Authorize desktop" 초록 버튼
④ "GitHub Desktop을 여시겠습니까?" → 열기

3

초기 설정 완료

"Configure Git" 화면 → "Finish" 클릭. 끝!

✅ 성공 확인

"Let's get started!" 화면이 보이면 GitHub Desktop 준비 완료!

.gitignore 파일 처리 방법

GitHub Desktop으로 저장소를 만들면 자동으로 .git 폴더와 .gitignore 파일이 생성될 수 있어요. 이 파일들을 어떻게 처리할지 알아두세요.

📁 자동 생성되는 파일들

.git/ — Git 내부 데이터. 건드리지 마세요 (숨김 파일이라 평소엔 안 보여요)
.gitignore — GitHub에 올리지 않을 파일 목록. 있으면 그대로 사용
README.md — 프로젝트 소개. 있어도 되고 없어도 돼요

💡 .gitignore가 없거나 새로 만들고 싶다면

Claude Code에서 이렇게 요청하세요 (가장 쉬운 방법!)

.gitignore 생성 요청

이 프로젝트에 맞는 .gitignore 파일을 만들어줘. HTML/CSS/JS 프로젝트야.

2회차에 참석하지 못해서 만든 앱이 없다면, 아래에서 샘플 앱을 다운로드하세요. prd.md, claude.md, readme.md, current_status.md + 소스코드가 모두 포함되어 있어요. 이 파일로 오늘 배포 실습을 함께 진행합니다!

⬇️ 샘플 앱 다운로드

아래 링크에서 전체 파일을 다운로드하세요.

🐙 GitHub에서 다운로드

1

GitHub 페이지에서 다운로드

위 링크 클릭 → 초록색 "Code" 버튼 → "Download ZIP" → 다운로드된 ZIP 압축 풀기

2

폴더를 바탕화면으로 이동

압축 푼 폴더를 바탕화면으로 옮기세요. 이 폴더로 STEP 3 배포를 진행합니다!

💡 2회차를 완료한 분은

이 섹션은 건너뛰고 바로 배포(STEP 3)로 가세요. 2회차에 만든 앱 폴더로 진행합니다.

2회차에 만든 앱(또는 샘플 앱)을 인터넷에 올립니다. 끝나면 누구나 접속할 수 있는 URL이 생겨요!

3-1. 앱 폴더를 GitHub 저장소로 만들기

1

GitHub Desktop에서 폴더 추가

GitHub Desktop → File > Add local repository → "Choose..." → 앱 폴더 선택

⚠️ "This directory does not appear to be a Git repository" 파란 글씨가 나오면 → "create a repository" 링크 클릭. 정상이에요!

2

저장소 만들기

① Name: 그대로 두기
② 나머지 옵션 그대로
③ "Create repository" 클릭

3

GitHub.com에 올리기 (Publish)

상단 "Publish repository" 버튼 클릭 → "Keep this code private" 체크 해제 (Vercel 무료 연결을 위해 공개) → "Publish repository"

✅ GitHub 업로드 완료

버튼이 바뀌면 성공! 내 코드가 GitHub.com에 올라갔어요.

3-2. Vercel로 배포하기

1

Vercel 가입

https://vercel.com/signup

① "Hobby" 선택 → 이름 입력 → Continue
② "Continue with GitHub" 클릭 → GitHub 계정으로 로그인
(구글로 GitHub 가입한 분은 → 구글 계정 선택하면 자동 연결!)
③ "Authorize Vercel" 초록 버튼 → 자동 연결!

💡 구글 → GitHub → Vercel 이 체인이 가장 매끄러워요. 별도 설정 없이 자동으로 연결됩니다.

2

저장소 가져오기 (Import)

Vercel 대시보드 → "Add New... > Project" → 목록에서 내 저장소 → "Import"

⚠️ 저장소가 안 보이면 "Adjust GitHub App Permissions" → All repositories → Save

3

배포! Deploy

① Framework Preset: Other 선택
② 나머지 그대로
③ "Deploy" → 30초~1분 대기

4

🎉 내 앱 URL 확인!

폭죽이 터지면 성공! "Continue to Dashboard" → Domains에 내 앱 주소가 보여요 (예: my-app-abc.vercel.app)

주소를 클릭해서 인터넷에서 열어보고, 휴대폰으로도 접속해보세요!

🎉 배포 완료!

전 세계 어디서나 접속 가능한 내 앱이 생겼어요. URL을 카톡으로 친구에게 보내보세요!

배포된 앱을 VS Code에서 이어서 작업하고, 커밋&푸시하면 자동으로 인터넷에 반영됩니다. 이 사이클을 몸에 익혀보세요!

1

VS Code로 앱 폴더 열기

VS Code → 파일 > 폴더 열기 → 앱 폴더 선택. 왼쪽에 파일 목록이 보이면 성공!

2

Claude에게 개선 요청

터미널에서 claude 실행 (CLI 방식) 또는 확장팩 채팅창에서 원하는 기능을 요청하세요.

개선 요청 예시

현재 앱에서 [이 기능]을 추가하고 싶어. 기존 코드를 유지하면서 자연스럽게 추가해줘.

3

커밋 & 푸시 → 자동 배포!

GitHub Desktop을 열면 변경된 파일이 보여요.
① 왼쪽 아래 Summary에 메모 입력 (예: "기능 추가")
② "Commit to main" 클릭
③ 상단 "Push origin" 클릭

→ 1~2분 후 내 URL에서 새 버전 확인!

💡 왜 커밋을 해야 하나요? 자동저장이랑 뭐가 달라요?

구글 드라이브, 노션 같은 자동저장은 "지금 이 순간"을 계속 덮어씌워요. 편하지만 "어제 버전으로 돌아가고 싶어"가 안 돼요.

커밋은 내가 원할 때 버전을 찍어놓는 행위예요. 게임으로 비유하면:

자동저장 = 세이브 슬롯이 1개, 계속 덮어씌워짐
커밋 = 세이브 슬롯이 무한개, 언제든 원하는 시점으로 복귀 가능

코드는 한 줄 잘못 바꾸면 전체가 망가질 수 있어요. 커밋을 해두면 "어? 추가했더니 기존 게 안 되네" 싶을 때 이전 버전으로 즉시 복구할 수 있어요.

커밋 = 내 컴퓨터에 버전 저장
푸시 = 그걸 GitHub에 올림 → Vercel이 "새 버전이 왔네!" 하고 자동 배포

커밋만 하면 컴퓨터가 망가졌을 때 날아가요. 푸시까지 해야 안전하고 배포됩니다!

선택 사항 — DB가 필요한 사람만

🗄️ Supabase: 데이터를 서버에 저장하기

❌ 지금 상태

브라우저에만 저장
다른 기기에서 안 보임
다른 사람이 쓰면 데이터가 섞임

✅ Supabase 연결 후

서버에 안전하게 저장
어디서든 접속 가능
여러 사람이 함께 사용 가능

⚠️ 혼자 쓰는 기록 앱이라면 Supabase 없이도 충분해요. "여러 사람이 함께 쓰거나, 어디서 접속해도 데이터가 보여야 한다"면 연결하세요.

1

접속 & 가입

https://supabase.com

"Start your project" → "Continue with GitHub" → "Authorize supabase" → GitHub 계정으로 자동 연결!

1

"New project" 클릭 후 정보 입력

① Project name: 영문으로 자유롭게 (예: my-app-db)
② Database Password: 안전한 비밀번호 → 반드시 메모!
③ Region: Northeast Asia (Seoul) 선택
④ Pricing Plan: Free 선택
⑤ "Create new project" → 1~2분 대기

⚠️ Database Password는 나중에 볼 수 없어요. 반드시 따로 저장해두세요!

1

Settings > API로 이동

왼쪽 메뉴 하단 ⚙️ Settings → "API" 탭

2

Project URL 복사

"Project URL"의 주소를 복사 → 메모장에 붙여넣기
https://xxxxxxxxxxxxxx.supabase.co

3

anon public 키 복사

"Project API keys" → "anon public" 키 복사 → 메모장에 추가
eyJhbGciOiJIUzI1NiIsInR5...

⚠️ "service_role" 키는 절대 복사하지 마세요! "anon public"만 사용합니다.

✅ 메모장에 이렇게 저장

Project URL: https://xxxxxx.supabase.co
anon key: eyJhbGciOiJIUz...

1

Claude에게 테이블 구조 요청

테이블 생성 SQL 요청

내 앱(prd.md 참고)에 필요한 Supabase 테이블 구조를 설계해줘. Supabase SQL Editor에 바로 붙여넣을 수 있는 SQL 코드로 만들어줘.

2

SQL Editor에서 실행

Supabase 왼쪽 메뉴 → "SQL Editor" → "New query" → Claude가 만든 SQL 붙여넣기 → "Run" (Ctrl+Enter)
"Success" 표시가 나오면 테이블 생성 완료!

⚠️ 오류가 나면 에러 메시지를 Claude에게 보여주세요. "이 에러가 났어. 고쳐줘."

3

테이블 확인

왼쪽 메뉴 "Table editor" → 내가 만든 테이블이 보이면 성공!

🚨 API 키를 코드에 직접 넣으면 절대 안 돼요!
코드에 넣으면 GitHub에 올리는 순간 전 세계에 공개됩니다. 반드시 .env.local 파일에 따로 보관하고, 코드에서는 변수명으로만 불러와야 해요.

1

.env.local 파일 만들기

프로젝트 폴더 루트(가장 바깥)에 .env.local 파일을 만들어요. Claude에게 요청하세요.

📋 .env.local 생성 요청

프로젝트 루트에 .env.local 파일을 만들어줘. 아래 두 값을 넣어줘. VITE_SUPABASE_URL=여기에_Project_URL_붙여넣기 VITE_SUPABASE_ANON_KEY=여기에_anon_key_붙여넣기 그리고 .gitignore에 .env.local이 포함되어 있는지 확인하고, 없으면 추가해줘.

Claude가 파일을 만들어주면, 직접 VS Code에서 열어서 "여기에_Project_URL_붙여넣기" 자리에 아까 메모해둔 URL과 키를 넣으세요.

⚠️ .env.local 파일은 절대 GitHub에 올라가면 안 돼요. .gitignore에 포함되어 있어야 합니다. Claude가 자동으로 확인해줘요.

2

앱 코드에 Supabase 연결 요청

키를 .env.local에 넣었으면, Claude에게 앱 코드를 수정해달라고 요청하세요.

📋 Supabase 연결 프롬프트

내 앱에 Supabase를 연결해줘. API 키는 .env.local에 이미 저장해뒀어. VITE_SUPABASE_URL과 VITE_SUPABASE_ANON_KEY 환경변수를 사용해서 기존 localStorage 코드를 Supabase 코드로 교체해줘. 키를 코드에 직접 넣지 말고, 환경변수로 불러와서 사용해줘.

3

로컬에서 동작 확인

앱에서 데이터를 입력해보고 → Supabase Table editor에서 "Refresh" → 내가 입력한 데이터가 보이면 연결 성공!

4

GitHub에 푸시 (키 없이 올라가는지 확인)

커밋 & 푸시 전에 GitHub Desktop에서 변경 파일 목록을 확인하세요.
목록에 .env.local이 없어야 정상이에요! 있으면 .gitignore 설정이 잘못된 거니 강사에게 알려주세요.

✅ .env.local이 목록에 없으면 → 안전하게 푸시하세요.
🚨 .env.local이 목록에 있으면 → 절대 푸시하지 마세요! 강사 호출!

5

Vercel 환경변수 설정 (배포용 필수!)

.env.local은 내 컴퓨터에서만 작동해요. Vercel에 배포된 앱도 Supabase와 연결하려면 Vercel에도 동일한 값을 등록해야 해요.

① Vercel 대시보드 → 프로젝트 선택 → 상단 "Settings" 탭
② 왼쪽 메뉴 "Environment Variables" 클릭
③ 아래 두 가지를 각각 "Add New"로 추가:

첫 번째:
  · Key: VITE_SUPABASE_URL
  · Value: [메모해둔 Project URL 붙여넣기]

두 번째:
  · Key: VITE_SUPABASE_ANON_KEY
  · Value: [메모해둔 anon key 붙여넣기]

④ 각각 "Save" 클릭
⑤ 왼쪽 메뉴 "Deployments" → 가장 최근 배포 오른쪽 … 메뉴 → "Redeploy"

💡 환경변수 이름(VITE_SUPABASE_URL 등)은 앱 코드에 따라 다를 수 있어요. Claude에게 "내 코드에서 환경변수 이름이 뭐야?"라고 확인하세요.

🎉 Supabase 연결 완료!

API 키는 안전하게 보관되고, 어디서 접속해도 데이터가 보이는 진짜 앱이 됐어요!

문제 해결

막히면 확인하세요

npm을 찾을 수 없다는 오류가 나요

Node.js가 설치되어 있지 않아서 생기는 오류예요. 아래 순서대로 설치하세요.

① https://nodejs.org 접속
② 왼쪽의 "LTS" 버튼 클릭 → 다운로드
③ 다운로드된 파일 더블클릭 → 모든 설정 기본값 그대로 → "Next" → "Install"
④ 설치 완료 후 VS Code를 완전히 종료했다가 다시 실행
⑤ 터미널을 새로 열고 npm install -g @anthropic-ai/claude-code 다시 입력

그래도 안 되면 강사에게 알려주세요!

Publish repository 버튼이 안 보여요

"Create repository"를 먼저 했는지 확인하세요. 저장소를 만든 후에야 Publish 버튼이 상단에 나타납니다.

Vercel에서 내 저장소가 안 보여요

"Adjust GitHub App Permissions" 클릭 → "All repositories" 선택 → Save. 그러면 모든 저장소가 보입니다.

배포했는데 화면이 하얗게 나와요

폴더에 index.html 파일이 있는지 확인하세요. 메인 파일이 index.html이어야 주소로 바로 열립니다. 다른 이름이면 Claude에게 "메인 파일을 index.html로 바꿔줘"라고 하고 다시 커밋+푸시하세요.

Push했는데 Vercel에 반영이 안 돼요

Commit → Push origin 순서를 했는지 확인하세요. 푸시 후 1~2분 기다리면 반영됩니다. 그래도 안 되면 Vercel 대시보드에서 "Redeploy"를 눌러보세요.

Supabase 연결 후 에러가 나요

에러 메시지를 그대로 복사해서 Claude에게 "이 에러가 났어. 고쳐줘."라고 하세요. 가장 흔한 원인은 URL이나 anon key를 잘못 복사한 경우예요.

수업이 끝나면

오늘의 과제 & 체크리스트

📝 이번 주 과제

배포된 앱 기능 개선하기

원하는 기능을 Claude에게 요청 → 커밋&푸시 → URL에서 확인. 이 사이클을 집에서도 해보세요!

그리고 4회차에 만들고 싶은 새 앱 아이디어 3개를 생각해오세요. 4회차에 본격적으로 새 프로젝트를 시작합니다!

오늘 배운 것 체크리스트

VS Code를 설치하고 Claude와 연결했다
GitHub 계정을 만들고 GitHub Desktop을 연결했다
2회차 앱을 GitHub에 올렸다
Vercel로 배포해서 URL을 얻었다
VS Code에서 코드를 수정하고 커밋&푸시로 자동 배포했다

더 해보고 싶다면

🔥 도전 프롬프트 — 기능 추가

현재 앱에서 [추가하고 싶은 기능]을 넣어줘. 기존 기능은 유지하면서 자연스럽게 추가해줘.

🔥 도전 프롬프트 — 디자인 개선

앱 디자인을 더 깔끔하고 모바일에서 보기 좋게 개선해줘. 색상과 폰트도 통일감 있게 바꿔줘.

⭐ 3회차 강의 평가

오늘 수업은 어떠셨나요? 솔직한 피드백이 다음 수업을 더 좋게 만듭니다. 1분이면 충분해요!

강의 평가하러 가기 →

궁금한 것

자주 묻는 질문

4회차에는 뭘 하나요?

4회차(6/24 수)에는 새 앱을 만들기 시작합니다! 오늘 배운 배포 환경 위에서 아이디어를 확정하고, 4개 파일(prd.md, claude.md, readme.md, current_status.md)을 만들고, 본격적으로 개발합니다. 오늘 배운 덕분에 4회차는 만들기에만 집중할 수 있어요.

Claude Code로 만든 코드를 VS Code에서 이어서 작업할 수 있나요?

네, 문제없어요! Claude Code가 만든 파일은 일반 파일이에요. VS Code로 그 폴더를 열면 바로 보이고 편집 가능합니다. 폴더 위치가 헷갈리면 Claude에게 "지금 작업 중인 폴더 경로 알려줘"라고 물어보세요.

개발할 때마다 Vercel에서 다시 설정해야 하나요?

아니요! 오늘 한 번 연결하면 끝이에요. 이후에는 커밋+푸시만 하면 Vercel이 자동으로 새 버전을 배포합니다. 1~2분 후 내 URL에서 반영 확인!

Supabase는 꼭 해야 하나요?

아니요, 선택이에요. 혼자 쓰는 기록 앱이면 없어도 충분합니다. "여러 사람이 함께 쓰거나, 어디서 접속해도 데이터가 보여야 한다"면 연결하세요. 모르겠으면 강사에게 물어보세요!

수업 외 시간에도 연습할 수 있나요?

물론이요! Claude Pro 계정으로 언제든 가능해요. 집에서 커밋&푸시 사이클을 반복하면서 배포 흐름을 몸에 익혀두면 4회차가 훨씬 수월해집니다.

만든 앱을 세상에 올리기