[React] 빌드하기 & 배포하기 (Netlify 사용하기)

[ 빌드하기 ]

아래 명령어들은 package.json에 정리되어져있음

 

빌드하기 : 터미널에 아래와 같이 입력

npm run build

 

빌드 미리보기(동작이 잘 실행되는지)

npm run preview

 

 

---

 

[ 배포하기 ]

Netlify : 서버의 공간을 빌려줌

https://www.netlify.com/

Push your ideas to the web | Netlify

 

사이트 들어갔을 때 화면

1. 다른 개발 서비스와 연동해 자동으로 배포

2. 새로운 프로젝트 생성

3. 파일 직접 업로드 (로컬에서 작업한 파일을 올리고 싶은거라면 파일을 3번에 끌어다 넣음)

 

=> 프로젝트 생성 → 해당 프로젝트 선택

 

=> 원하는 주소로 이름 변경하기

'Project configuration' 선택 →  'Project information'의 'Change project name' 선택해 이름 변경 후 'save'