배포하기

지금까지 만든 자기소개 페이지는 내 컴퓨터에서만 볼 수 있습니다. 이제 인터넷에 올려서 누구나 볼 수 있게 만들어 봅시다. 이 과정을 배포(Deploy)라고 합니다.

배포란 무엇인가요?

지금까지의 상태와 배포 후 상태를 비교해 봅시다:

배포를 하면 내 컴퓨터가 아닌 Vercel의 서버에서 웹사이트가 실행됩니다. 내 컴퓨터를 꺼도 웹사이트는 24시간 접속할 수 있습니다.

먼저, 지금까지 만든 내용을 Git에 저장합니다. Git은 파트 1에서 설치한 버전 관리 도구입니다.

터미널(Ctrl + `)에서 다음 명령어를 하나씩 입력합니다:


git add .

이 명령어는 "변경된 파일을 모두 준비해"라는 뜻입니다.


git commit -m "첫 번째 웹사이트"

이 명령어는 "준비된 파일들을 '첫 번째 웹사이트'라는 이름으로 저장해"라는 뜻입니다.


git push

이 명령어는 "저장된 내용을 GitHub(인터넷 저장소)에 올려"라는 뜻입니다.

세 개의 명령어를 순서대로 입력하면 됩니다. 각 명령어를 입력한 후 Enter를 누르고, 완료될 때까지 기다린 후 다음 명령어를 입력하세요.

파트 1에서 GitHub과 Vercel을 연결해 두었다면, git push를 하는 순간 Vercel이 자동으로 배포를 시작합니다.

배포가 완료되면 Vercel 대시보드에서 내 웹사이트 주소를 확인할 수 있습니다.

주소는 보통 이런 형태입니다:


https://my-first-site.vercel.app

이 주소를 클릭하면 방금 만든 자기소개 페이지가 열립니다. 이제 전 세계 어디에서든 이 주소로 접속할 수 있습니다.

이 주소를 카카오톡으로 가족이나 친구에게 보내 보세요.

"나 홈페이지 만들었어! 한번 들어가 봐 😊"

링크를 받은 사람은 스마트폰이든 컴퓨터든 어디서든 여러분의 페이지를 볼 수 있습니다.

증상	해결 방법
`git push`에서 에러가 남	파트 1의 GitHub 설정을 다시 확인해 보세요
Vercel에서 빌드 실패	Vercel 대시보드에서 에러 메시지를 확인하고, 그 메시지를 AI 채팅창에 붙여넣기하면 AI가 해결 방법을 알려줍니다
주소에 접속해도 빈 화면	1~2분 더 기다려 보세요. 배포가 아직 진행 중일 수 있습니다

에러가 나도 당황하지 마세요. 에러 메시지를 복사해서 AI에게 보여주면 거의 대부분 해결됩니다. 이것이 바이브 코딩의 장점입니다.

나중에 내용을 수정하고 싶을 때는 같은 과정을 반복하면 됩니다:

한 번 연결해 두면 이 과정이 전부입니다. 몇 분이면 수정 사항이 반영됩니다.

여러분은 방금 다음을 해냈습니다:

코드를 한 줄도 직접 작성하지 않고 이 모든 것을 해냈습니다.

다음 파트에서는 이 경험을 바탕으로, 실제로 사업에 사용할 수 있는 홈페이지를 만들어 봅니다.