🚀 무료 인프라 & 배포

GitHub — 코드 저장소

자동화 스크립트든, 웹사이트든, Claude Code로 만든 결과물은 결국 코드 파일이에요. 이 파일들을 내 컴퓨터에만 저장해두면 어떻게 될까요? 노트북이 고장나면? 실수로 삭제하면? 다 날아가요.

그래서 필요한 게 GitHub이에요. Google Drive가 문서를 클라우드에 저장하듯, GitHub은 코드를 클라우드에 저장해주는 서비스예요.

Vercel — 웹사이트 자동 배포

GitHub에 코드를 올렸으면, 이제 그걸 세상에 공개할 차례예요. 보통 웹사이트를 공개하려면 서버를 빌리고, 도메인을 사고, 복잡한 설정을 해야 하거든요. 근데 Vercel은 이 모든 걸 자동으로 해줘요.

Supabase — 데이터베이스 + 인증

웹사이트가 “보여주기만” 하면 GitHub + Vercel로 충분해요. 근데 회원가입, 게시글, 주문 같은 데이터를 저장하려면? 데이터베이스가 필요해요. 그게 Supabase예요.

3개가 어떻게 연결되나?

GitHub, Vercel, Supabase — 각각이 무슨 역할인지는 알겠는데, 이 3개가 어떻게 합쳐져서 하나의 서비스가 되는 걸까요? 흐름을 따라가 볼게요.

무료 범위 정리

“무료라고 하는데 나중에 돈 내야 하는 거 아니에요?” 당연한 걱정이에요. 정확히 어디까지가 무료인지 정리해드릴게요.

현실적으로 보면, 개인 프로젝트나 소규모 서비스는 3개 서비스 모두 무료 범위 안에서 충분해요. 유료 전환이 필요한 시점은 사용자가 수천 명 이상으로 늘어났을 때예요. 그때쯤이면 이미 수익이 나고 있을 거거든요.

Skill로 자동화 저장하기

여기까지 배운 내용으로 다양한 자동화를 만들 수 있게 됐어요. 근데 매번 같은 프롬프트를 다시 입력하는 건 비효율적이잖아요? 그래서 Claude Code에는 Skill 기능이 있어요.

Skill은 반복되는 자동화를 저장해서 재사용하는 기능이에요. 한 번 만들면 /skill-name 한 줄로 실행할 수 있어요. 내 업무에 딱 맞는 맞춤 명령어를 만드는 거죠.

Skill 예시

## Skills

### /daily-report
매일 아침 뉴스 요약 보고서를 생성한다.
1. 네이버 뉴스에서 IT/경제 헤드라인 10개 수집
2. 각 기사를 3줄로 요약
3. daily-report-YYYY-MM-DD.md 파일로 저장

직접 해보기

이번 Step에서 배운 3가지 서비스를 직접 만져봐요. 계정만 만들어도 큰 첫 걸음이에요.

GitHub 계정을 만들었어.
새 Private 저장소를 하나 만들어줘. 이름은 my-first-project로.

간단한 웹페이지를 만들어서
GitHub에 올리고 Vercel에 배포해줘.
내 이름과 자기소개가 있는 프로필 페이지로.

GitHub 저장소 만들고 Vercel에 배포해줘.
Next.js로 간단한 프로필 사이트를 만들어줘.
이름: [내 이름], 한줄소개: [내 한줄소개]