내 사이트, 인터넷에 올리고 싶다면? 서버와 배포 개념부터 잡자(버셀 활용)

https://link.coupang.com/a/eaULAX

LG전자 2026 그램 15 코어 Ultra5 - 노트북 | 쿠팡

 

내 사이트, 인터넷에 올리고 싶다면? 서버와 배포 개념부터 잡자

​

AI 활용

---

처음 웹사이트를 만들고 나면 누구나 한 번쯤 이런 생각을 한다.

"이걸 다른 사람도 볼 수 있게 하려면 어떻게 해야 하지?"

바로 그 순간, '서버'와 '배포'라는 개념이 등장한다.

---

서버란 무엇인가

서버(Server)를 한 마디로 표현하면, 항상 켜져 있는 컴퓨터다.

우리가 크롬 브라우저에 주소를 입력하면, 그 주소에 해당하는 컴퓨터가 파일(HTML, CSS, 이미지 등)을 보내준다. 그 역할을 하는 컴퓨터가 바로 서버다.

내 노트북도 서버가 될 수 있다. 다만 노트북은 뚜껑을 닫으면 꺼지고, 카페에 가면 IP가 바뀌고, 언제든 꺼질 수 있다. 그래서 현실적으로는 항상 켜져 있고, 안정적이며, 외부에서 접근 가능한 별도의 컴퓨터가 필요하다. 그게 흔히 말하는 '서버를 빌린다'는 개념이다.

​

AI 활용

---

배포란 무엇인가

배포(Deploy)는 내 컴퓨터에서만 돌아가던 코드를 서버에 올려서, 누구나 접근할 수 있게 만드는 과정이다.

개발할 때는 보통 localhost:3000 같은 주소로 내 컴퓨터에서만 확인한다.

​

​

배포를 하고 나면 https://내도메인.com 같은 주소로 전 세계 누구든 접속할 수 있게 된다.

정리하면 이렇다.

• 개발 중 → 내 컴퓨터에서만 동작 (로컬 환경)
• 배포 후 → 서버에 올라가서 누구나 접속 가능 (운영 환경)

---

무료로 배포하는 방법, Vercel

​

​

서버를 직접 구축하거나 AWS 같은 클라우드를 쓰면 비용이 발생한다. 하지만 개인 프로젝트나 포트폴리오 수준이라면 Vercel(버셀)을 쓰면 무료로 배포할 수 있다.

Vercel은 특히 Next.js, React 같은 프론트엔드 프로젝트에 최적화된 배포 플랫폼이다. 사용 방법도 매우 간단하다.

1. vercel.com에서 GitHub 계정으로 로그인
2. 배포할 GitHub 저장소 선택
3. 버튼 하나로 배포 완료

​

​

코드를 GitHub에 push할 때마다 자동으로 새 버전이 배포되는 기능(CI/CD)도 기본으로 제공된다. 도메인도 자동으로 생성되어 바로 공유할 수 있다.

https://tj-bice.vercel.app/

무료 플랜만으로도 개인 프로젝트를 운영하기에 충분하다.

​

태지쌤 - 코딩교육 전문가

 

정리

서버와 배포가 어렵게 느껴졌다면, 사실 핵심은 단순하다.

서버는 항상 켜져 있는 컴퓨터고, 배포는 내 코드를 그 컴퓨터에 올리는 일이다. Vercel 덕분에 이 과정이 GitHub 연동 몇 번으로 끝나는 시대가 됐다.

처음 만든 사이트를 링크 하나로 친구에게 보낼 수 있다는 건, 생각보다 꽤 뿌듯한 경험이다. 아직 배포를 안 해봤다면, 오늘 한 번 시도해보자.

​

AI 활용

---

#서버란 #배포란 #Vercel #버셀 #무료배포 #웹개발입문 #프론트엔드 #Next.js #React #개발블로그 #깃허브배포 #웹호스팅 #포트폴리오배포 #코딩공부 #개발자되기