Part 1. 환경 설정

1.7

읽기 8분 · 동영상 5분

Vercel 계정 생성

이번에는 Vercel 계정을 만들겠습니다. 이전 절에서 만든 GitHub 계정이 필요하니, 아직 GitHub 계정이 없다면 이전 절로 돌아가서 먼저 만들어 주세요.

Vercel이 뭔가요?

Vercel은 내가 만든 웹사이트를 인터넷에 공개해 주는 서비스입니다.

지금까지의 과정을 정리하면 이렇습니다:

단계 도구 역할
1. 코드 작성 Cursor 웹사이트를 만드는 곳
2. 코드 저장 GitHub 코드를 보관하는 곳
3. 인터넷에 공개 Vercel 전 세계 누구나 볼 수 있게 해주는 곳

비유하자면, Cursor로 요리를 만들고, GitHub에 레시피를 보관하고, Vercel이 식당 문을 열어서 손님들이 먹을 수 있게 해주는 거예요.

Vercel의 좋은 점:

  • GitHub에 코드를 올리면 자동으로 웹사이트가 업데이트됩니다
  • 무료 플랜으로 충분합니다
  • 내이름.vercel.app 같은 주소가 자동으로 생깁니다

계정 만들기 (중요: GitHub으로 가입!)

여기서 매우 중요한 점이 있습니다. Vercel에 가입할 때 반드시 GitHub 계정으로 가입해야 합니다.

  1. Chrome 브라우저를 엽니다
  2. 주소창에 vercel.com 을 입력하고 Enter를 누릅니다
  3. 오른쪽 위의 "Sign Up" 버튼을 클릭합니다
  4. 여러 가입 방법이 보입니다:
가입 방법 선택
Continue with GitHub 이것을 클릭하세요!
Continue with GitLab 무시
Continue with Bitbucket 무시
Continue with Email 무시

왜 GitHub으로 가입해야 하나요? Vercel은 GitHub에 올라간 코드를 가져와서 웹사이트로 만들어 줍니다. 두 서비스가 연결되어야 이 과정이 자동으로 이루어집니다. 다른 방법으로 가입하면 나중에 따로 연결해야 해서 번거로워요.

GitHub 연결 승인

"Continue with GitHub"을 클릭하면 GitHub 로그인 페이지가 나타납니다.

  1. GitHub 이메일과 비밀번호를 입력합니다
  2. "Sign in"을 클릭합니다
  3. "Authorize Vercel" 같은 화면이 나타나면 "Authorize" 버튼을 클릭합니다

"Authorize"는 "Vercel이 내 GitHub에 접근하는 것을 허락합니다"라는 뜻입니다. 안전한 과정이니 걱정하지 마세요.

초기 설정

Vercel이 몇 가지 질문을 할 수 있습니다:

질문 대응
"What's your name?" 이름 입력
"Plan selection" Hobby (Free) 선택
"What will you work on?" 아무거나 선택하거나 Skip

Hobby (Free) 플랜을 선택하세요. 무료이고, 개인 프로젝트에 충분합니다.

완료 확인

Vercel 대시보드가 보이면 성공입니다! 아마 비어 있는 화면에 "Import Project" 같은 버튼이 보일 거예요.

지금은 아무것도 할 필요 없습니다. 계정이 만들어지고 GitHub과 연결된 것이 이 절의 목표입니다.

지금까지 설치한 것 정리

여기까지 오셨으면 환경 설정이 거의 다 끝났습니다! 지금까지 준비한 것을 정리해 볼까요:

순서 도구 상태
1 Chrome (브라우저) 설치 완료
2 Cursor (코드 편집기) 설치 완료
3 Node.js (실행 엔진) 설치 완료
4 GitHub (코드 저장소) 계정 생성 완료
5 Vercel (웹사이트 공개) 계정 생성 완료

대단합니다! 전문 개발자들이 사용하는 것과 똑같은 도구를 모두 갖추셨어요. 다음 절에서 이것들을 연결해서 실제로 웹사이트를 만들어 볼 겁니다.

이 절의 요약

  • Vercel은 웹사이트를 인터넷에 공개해 주는 서비스입니다
  • vercel.com 에서 반드시 "Continue with GitHub"으로 가입합니다
  • GitHub 연결 승인(Authorize)을 꼭 해주어야 합니다
  • Hobby (Free) 플랜이면 충분합니다
  • 이것으로 환경 설정에 필요한 도구가 모두 갖추어졌습니다