jonbeo 님의 블로그

개발자 필수 배포 플랫폼 3종 비교! Netlify, Vercel, GitHub Pages 어떤 걸 써야 할까?

개발을 마쳤다면 이제 웹에 프로젝트를 배포해야겠죠?하지만 서버를 직접 구축하거나 호스팅 비용을 내지 않아도, 무료로 쉽게 배포할 수 있는 서비스들이 많습니다.이번 포스팅에서는 대표적인 무료 배포 도구 3가지 – Netlify, Vercel, GitHub Pages를 비교 정리해보겠습니다. 💻🧳 1. NetlifyJAMstack 사이트에 최적화된 배포 플랫폼 (정적 사이트, SPA 등)✅ 주요 특징GitHub 연동으로 자동 배포 가능커스텀 도메인 무료 제공netlify.toml 설정으로 세부 조정 가능Form, Redirects, Functions 등 추가 기능 제공🛠️ 활용 예정적 블로그, 포트폴리오 사이트React, Vue 프로젝트 등 SPA🌐 주소 예시 https://프로젝트명.netlify...

🌐 GitHub Pages로 정적 웹사이트 배포하기– 내 프로젝트, 세상 밖으로 공개해봐요!🎯 들어가며GitHub에 올려둔 내 프로젝트,"이걸 웹사이트로 딱! 공개할 수 없을까?"물론 가능하죠!바로 GitHub Pages 기능을 쓰면 됩니다.이 기능은 개발자가 만든 정적 웹페이지(HTML, CSS, JS)를무료로 인터넷에 배포할 수 있도록 도와주는 GitHub의 꿀기능이에요! 🍯🧩 1. GitHub Pages란?GitHub 저장소의 콘텐츠를 웹사이트처럼 보여주는 기능정적 웹사이트 배포에 특화됨 (HTML/CSS/JS).github.io 도메인으로 제공됨 (예: https://username.github.io/)📝 정적 페이지란?서버에서 동작하는 코드 없이단순히 보여주는 HTML, CSS, JS ..

✅ GitHub Pages로 정적 웹사이트 배포하기 – 깃허브 저장소만 있으면 누구나 무료로 나만의 웹사이트 만들 수 있어요! ✨ 들어가며 웹사이트 만들고 싶은데 서버가 없다고요?도메인, 호스팅? 그런 거 몰라도 괜찮아요!GitHub Pages를 사용하면, 코드만 올려도✨ 전 세계 어디서나 접속 가능한 웹사이트를 만들 수 있어요.오늘은 HTML 한 장만 있어도 바로 배포할 수 있는 방법을정말 쉽고 부드~럽게 알려드릴게요 😊 🛠️ 1. GitHub 저장소 만들기 (정적 페이지용)GitHub 접속 후 로그인새 저장소 만들기 (예: my-first-website)필수 설정:저장소 이름이 yourusername.github.io 라면 → 자동으로 도메인 생성또는 그냥 아무 이름이나 만들고, Pages 설..