1. 프론트엔드 배포
<aside>
📜
- 정적 웹 사이트 : 언제, 어디서, 누가 접속해도 항상 정해진 리소스만을 보여주는 웹 사이트
- 동적 웹 사이트 : 변화하는 데이터를 받아와서 상황에 다라 매번 다른 내용을 보여주는 웹 사이트
</aside>
1.1 정적 웹 사이트 호스팅
빌드된 HTML, CSS, JS 같은 파일을 인터넷에 배포할 수 있도록 저장하고 서비스하는 것
- React 프로젝트를 빌드하면
build/ 폴더가 생성됩니다.
- 이 폴더 안에 있는 파일을 Netlify, GitHub Pages, Vercel, S3 등에 올리면 끝!
- 서버에서 별도 처리를 하지 않고, 그대로 클라이언트에게 전달합니다.
<aside>
☝🏻
| 플랫폼 |
특징 |
| GitHub Pages |
GitHub 레포지토리로 바로 배포 가능, 무료 |
| Netlify |
CI/CD 자동화, 간편 배포, 무료 SSL |
| Vercel |
Next.js 최적화, React 빌드 자동화 |
| Firebase Hosting |
Google 기반, 글로벌 CDN 포함 |
| </aside> |
|
1.2 렌더링 방식
1.3 다양한 프론트 웹 호스팅 방법
1.4 환경 변수
