소개
계정 두 개 만들고, 도구 설치하고, 사이트를 인터넷에 띄우기까지 — 막힌 지점마다 화면 캡처로 물어보며 완주한 기록
진행 방법
이 글은 나처럼 계정도 없고 터미널도 무서운 비개발자가 그대로 따라 하면 되는 순서로 정리했다.
순서 (그대로 따라 하면 됨)
GitHub 가입 — github.com/signup에서 이메일·비밀번호·아이디·국가 입력 후 가입.
Vercel 가입 — vercel.com/login에서 "Continue with GitHub" 클릭 → 처음엔 계정이 없어서 로그인 실패, 화면에 뜬 "가입하시겠습니까?" 링크를 눌러야 정식 가입으로 넘어간다.
필요한 도구 설치 확인 — Git, Node.js, GitHub CLI(
gh) 세 가지가 있어야 한다. 없는 것만 설치.GitHub CLI로 로그인 연동 — 터미널에서 로그인을 시작하면 일회용 코드가 뜨고, 브라우저에서 그 코드를 입력 + Authorize 하면 연결된다.
사이트 코드를 GitHub에 올리기 — 저장소를 만들고, 폴더 안 파일을 통째로 업로드.
Vercel과 GitHub 연결해서 배포 — Vercel에서 "Git 저장소 가져오기" → GitHub 저장소 선택 → Deploy 클릭. 1~2분 뒤 사이트 주소가 생긴다.
Tip: 프롬프트 (그대로 복사해서 써도 됨)
로그인 등에서 막혔을 때 이렇게 물어봤다:
Vercel에 로그인하려는데 자꾸 로그인 페이지로 다시 돌아와. 어떻게 해야해?코드를 대신 올려달라고 할 때:
지금 이 폴더를 통째로 GitHub에 올려줘. Git으로 해줘. 나는 코딩을 몰라서
명령어를 직접 못 쳐, 네가 대신 실행해줘.배운 것
로그인 vs 회원가입은 다른 동작이다. 소셜 로그인 버튼이 있어도, 그 서비스에 계정이 없으면 "가입" 절차로 한 번은 넘어가야 한다.
OAuth 인증(예: "Continue with GitHub")은 매번 새 계정을 만드는 게 아니라, 이미 있는 계정으로 다른 서비스에 로그인 권한을 빌려주는 방식이다.
배포(deploy)란 내 컴퓨터에만 있던 사이트 코드를 다른 사람도 접속할 수 있는 서버에 올려서, 실제 인터넷 주소로 열리게 만드는 작업이다.
막혔을 때 화면을 그대로 캡처해서 보여주면, 원인을 정확히 짚어서 다음 클릭까지 짚어줄 수 있다 — 짐작보다 훨씬 빠르다.
