무료로 웹사이트 배포하기

만든 사이트를 인터넷에 올리는 법

이게 뭔가요?

코딩으로 뭔가를 만들었는데 내 컴퓨터에서만 볼 수 있다면 아쉽잖아요. Vercel이라는 서비스를 쓰면 내가 만든 웹사이트를 무료로 인터넷에 올릴 수 있어요. GitHub에 코드를 올려놓으면 Vercel이 자동으로 사이트를 만들어줘요. 주소도 생겨서 친구한테 링크 보낼 수 있어요.

왜 써야 하나요?

포트폴리오를 보여줄 때 '코드가 있어요'보다 '이 링크 들어가면 실제로 돌아가요'가 훨씬 임팩트 있어요. 코드 수정하면 자동으로 사이트에도 반영돼서 번거롭지도 않아요.

시작하는 법

GitHub에 코드 올리기

배포하려면 먼저 코드가 GitHub에 있어야 해요. GitHub 가이드를 먼저 읽고 오세요.

Vercel 회원가입

vercel.com 접속 → GitHub 계정으로 로그인 (별도 회원가입 없이 GitHub 계정 연동 가능해요).

프로젝트 연결

Add New → Project → GitHub 저장소 선택 → Deploy 클릭. 1~2분 기다리면 자동으로 배포가 완료돼요.

주소 확인

배포가 완료되면 'your-project.vercel.app' 같은 주소가 생겨요. 이 링크를 누구한테나 보내면 내가 만든 사이트를 볼 수 있어요.

꿀팁

GitHub Pages라는 서비스도 있어요. HTML/CSS만 쓴다면 GitHub Pages가 더 간단해요. 저장소 설정에서 Pages 탭 클릭하면 돼요.

환경변수 설정

환경변수 설정하는 법

API 키 같은 민감한 정보는 코드에 직접 넣으면 안 돼요.

1.Vercel 프로젝트 대시보드 → Settings

2.Environment Variables 탭 클릭

3.Key (예: ANTHROPIC_API_KEY), Value 입력

4.Save → Redeploy

도메인 옵션

Vercel 기본 도메인

myproject.vercel.app

무료

커스텀 도메인 연결

mysite.com

도메인 구입비 연 1~3만원

자주 묻는 질문

다른 가이드 보기

내 개발 분야가
뭔지 모르겠다면?