MovieApp 만들기 (배포)

Netlify 배포

https://www.netlify.com

1. Netlify에 접속해서 우측 상단의 Sign up 버튼을 눌러서 회원가입을 한다.

   나는 GitHub 계정으로 가입했다.

2. Sites 메뉴에 Add new site 버튼을 클릭한다.

   Import an existing project를 선택해서 Deploy with Github를 선택한다.

   권한 요청을 승인하고 배포하고싶은 repository를 선택해 준다.

3. 배포할 Branch를 정하고 Build settings를 해준다.

   Base directory : 프로젝트의 루트 경로를 입력

   Build command : 빌드 명령어를 입력 ex) npm run build

   Publish directory : 빌드가 완료된 후 생성된 폴더 이름을 입력한다. ex) dist or build

4. Deploy site를 통해 사이트 배포를 시작한다.

   배포가 완성되면 도메인이 부여되고 미리보기 이미지가 함께 보인다.

   Domain settings에 들어가서 사이트 주소를 바꿀 수 있다.

   

새로고침 오류

배포한 사이트에서 다른 페이지로 이동 후 새로고침을 하면 아래와 같은 에러가 발생한다.

구글링해본 결과 public 폴더 내부에 _redirects파일을 생성하고 코드 한 줄을 추가하면 된다고 한다.

// public/_redirects

/* /index.html 200

이제 새로고침을 해도 에러가 발생하지 않고 잘 된다.