깃(Git) 배포에 대해 알아보자

🚀 깃(Git) 배포란?

GitHub에 올린 코드를 서버나 웹에서 실제로 실행되게 만드는 과정

 

🔹 GitHub : 코드 저장소

🔹 배포 : 사람들이 접속해서 볼 수 있게 함

---

[ 배포 전 구분해야 할 것 ]

🚀 Git 과 GitHub

▪ Git : 버전 관리 도구 (로컬)

▪ GitHub : Git 저장소를 올리는 웹 서비스

 

🚀 배포 대상

배포 방법은 뭘 만드느냐에 따라 다름

만들고 있는 것	배포 방식
HTML/CSS/JS (정적 웹)	GitHub Pages
React / Vue	GitHub Pages, Vercel
Spring Boot	서버 배포 (EC2 등)
JSP / Servlet	톰캣 서버 필요

 

 

 

🚀 비교적 가장 쉬운 배포 : GitHub Pages 

프론트엔드 / 포토폴리오용으로 제일 많이 사용

 

가능한 것 : HTML / CSS / JS / React 빌드 후

불가능 : Spring 서버 / DB 직접 연결

 

[ GitHub Pages 배포 흐름 ]

1️⃣ GitHub에 코드 올리기

git add .
git commit -m "first deploy"
git push origin main

 

 

2️⃣ GitHub Pages 켜기

1. GitHub 저장소 들어가기

2. Settings ➡ Pages

3. Source

    Branch : main

    Folder : /root

4. Save

5. 1~2분 후 주소 생성됨 : https://아이디.github.io/저장소명/

 

 

3️⃣ index.html 필수

index.html : 이 파일이 첫 화면

 

---

🚀 React 배포

1️⃣ 빌드 : npm run build

2️⃣ gh-pages 설치 : npm install gh-pages --save-dev

3️⃣ package.json 설정

"homepage": "https://아이디.github.io/저장소명",
"scripts": {
  "deploy": "gh-pages -d build"
}

 

4️⃣ 배포 : npm run deploy

 

---

🚀 Spring / JSP는 왜 GitHub Pages 안되냐?

이유 : GitHub Pages는 서버 실행이 안 됨

 

Spring은

Java 실행 필요

Tomcat 필요

DB 연결 필요

 

그래서

AWS EC2

Naver Cloud

Render / Railway

같은 서버 배포가 필요함

---

 

🚀 전체 배포 맵 

코드 작성 ➡ Git commit  ➡ GitHub push  ➡  배포 서비스(GitHub Pages / 서버)  ➡ URL 생성

---

✅ 현실에서 가장 가까운 “올인원 배포” 3가지

⭐ 1️⃣ Render (가장 쉬움 / 거의 다 됨)

👉 초보자 최강 추천

되는 것

• Spring Boot
• Node
• MySQL(PostgreSQL)
• GitHub 연동
• 자동 배포
• HTTPS 자동

안 되는 것

• JSP (Tomcat 커스텀 제약 있음)
• 무료는 슬립 있음

🔹 흐름

 

GitHub push → Render 자동 배포 → URL 생성

---

⭐ 2️⃣ Railway (Render랑 쌍두마차)

• 서버 + DB 같이 제공
• GitHub 연동
• 거의 클릭 배포

단점

• 무료 거의 없음 (소액 과금)

 

⭐ 3️⃣ AWS EC2 (진짜 다 됨)

되는 것

• JSP
• Spring
• React
• MySQL
• 원하는 거 전부

단점

• 어렵다
• 서버 관리 직접
• 실수하면 요금 폭탄 가능

---