Choorai
KO EN
Frontend Hosting

Netlify 배포 가이드

Git 연동 기반으로 React/Vite 앱을 Netlify에 배포하고, SPA 라우팅 리라이트까지 설정합니다.

TL;DR

  • GitHub 저장소 연결
  • Build command / Publish directory 설정
  • _redirects 또는 netlify.toml로 SPA 리라이트 적용

1기본 빌드 설정

Netlify Build
Build command: npm run build
Publish directory: dist

2SPA 리라이트 설정

public/_redirects
/*    /index.html   200

왜 필요한가요?

클라이언트 라우팅 경로 직접 접근 시 404를 방지하기 위해 필요합니다.

3배포 후 검증

  • 루트 페이지 및 주요 하위 경로 직접 접근 확인
  • 환경변수 누락 여부 확인
  • 빌드 로그 경고/오류 확인

TL;DR

  • Netlify 배포 작업 시 필요한 최소 기준과 검증 포인트를 빠르게 확인합니다.
  • 실제 프로젝트 환경값(브랜치, 시크릿, URL, 임계치)은 팀 기준에 맞게 치환하세요.

사전 준비 (Prerequisites)

  • 대상 리포지토리와 실행 환경 접근 권한 확인
  • 로컬/CI에서 사용할 기본 명령어(`install`, `build`, `test`) 점검
  • 환경변수/시크릿/배포 대상 정보를 최신 상태로 정리

실행 순서 (Steps)

  1. 변경 목표와 범위를 한 줄로 고정한다.
  2. 핵심 변경(Netlify 배포)을 최소 단위 커밋으로 적용한다.
  3. 검증 로그를 남기고 체크리스트/문서를 즉시 업데이트한다.

검증 (Validation)

  • 빌드/테스트가 현재 브랜치에서 재현 가능하게 통과하는지 확인
  • 핵심 경로(사용자 플로우 또는 운영 플로우)를 수동 샘플 점검
  • ko/en 문서와 링크가 동일 의도를 유지하는지 대조

문제 해결 (Troubleshooting)

  • 오류 발생 시 로그/요청 본문/환경값을 먼저 캡처한다.
  • 권한/환경변수/라우팅/빌드 산출물 순서로 원인을 좁힌다.
  • 임시 조치와 근본 원인 수정을 분리해 기록한다.

관련 문서 (References)

마지막 업데이트: 2026년 2월 22일 · 버전: v0.0.1

피드백 보내기

입력한 내용으로 새 이슈 페이지를 엽니다.

GitHub 이슈로 보내기