Easy Welfare Lab.

내 웹사이트 배포하기

만든 웹사이트를 GitHub에 올리고 Vercel이나 Netlify에 연결하면 무료로 인터넷에 공개됩니다. 배포의 전체 흐름을 익힙니다.


배포 = 인터넷에 공개하기

지금까지 만든 페이지는 내 컴퓨터에서만 보입니다. 배포(deploy) 는 이 페이지를 인터넷 주소로 올려 누구나 링크로 접속할 수 있게 하는 일입니다. 다행히 무료로, 몇 분 만에 할 수 있습니다.

내 컴퓨터 코드를 GitHub에 올리고 Vercel이 빌드해 공개 URL을 만드는 배포 흐름도
내 컴퓨터 → GitHub → Vercel(빌드·배포) → 공개 URL. 코드를 수정해 다시 push하면 사이트가 자동으로 갱신됩니다.

준비물

  • 만든 웹사이트 파일 (index.html 등)
  • GitHub 계정과 코드가 올라간 저장소 (앞의 Git 글 참고)

Vercel로 배포하기

  1. vercel.com 에 GitHub 계정으로 가입합니다.

  2. Add New → Project 를 누르고, 배포할 GitHub 저장소를 선택합니다.

  3. 별도 설정 없이 Deploy 를 누릅니다. 단순한 HTML 사이트는 추가 설정이 거의 없습니다.

  4. 잠시 기다리면 https://(프로젝트이름).vercel.app 같은 주소가 생깁니다. 그 링크로 접속해 확인하세요.

배포 후 수정하기

배포 후 내용을 고치고 싶다면, 코드를 수정한 뒤 터미널에서 아래 세 줄을 입력해 다시 GitHub에 올리기만 하면 됩니다. (터미널을 여는 법과 각 명령의 의미는 앞의 Git 글에 정리돼 있습니다.)

git add .
git commit -m "소개 문구 수정"
git push

올리는 즉시 Vercel이 변경을 감지해 사이트를 자동으로 다시 배포합니다.

나만의 주소(도메인) 연결

원하면 vercel.app 주소 대신 직접 산 도메인(예: mysite.com)을 연결할 수 있습니다. Vercel의 Domains 설정에서 안내에 따라 연결하면 됩니다. 처음에는 기본 주소만으로도 충분합니다.

다음 단계

이제 배운 모든 것을 모아, AI와 함께 풀스택 미니 프로젝트를 처음부터 배포까지 완성해봅니다.