React_09_빌드하기_배포하기

개발된 프로젝트 빌드하기

터미널 창에 npm run build를 입력해주면
build라는 폴더가 생성이 되고 그 안에 html파일, css파일, js파일 등이 있다.

npm run build

빌드한 것 로컬에서 실행하기

npm저장소에서 serve라는 프로그램을 다운받고 방금 생성한 build라는 폴더에서
server를 실행하게 된다.

npx serve build

종료하려면 Ctrl+C를 입력하면 종료된다.

AWS에 배포하기

1. AWS 홈페이지에서 계정 생성하기

2. AWS 관리 콘솔 페이지에서 모든 서비스 -> S3 선택하기(12개월 무료)

3. 버킷만들기(이름과 공개 설정)

4. 버킷만들고 속성 메뉴에서 <정적 웹사이트 호스팅> 편집에 들어가서 활성화하기

5. 인덱스 문서와 오류문서에 index.html작성하고 변경사항 저장하기

6. 권한메뉴로 들어가서 <버킷 정책 편집>에 들어가서 <정책 생성기>버튼 클릭

7. S3 Bucket Policy 선택하고
   밑에 Principal 칸에 (별표)입력한다.
   Actions 칸에는 GetObject를 선택한다.
   ARN 칸에는 버킷 ARN을 복사한 후 마지막에 /(별표)를 붙여 넣어준다.

8. 완료하면 JSON 문자열로 정책이 만들어 진 것을 확인하고 복사한다.

9. 버킷 정책 편집에 들어가서 정책에 붙여넣어주고 변경사항 저장을 한다.

10. 객체 메뉴에 들어가서 업로드 버튼을 누르고 build 폴더 안에 있는 파일들을 올려준다.

11. 속성 메뉴에 들어가서 <정적 웹사이트 호스팅>부분에 주소가 생겨난 것을 확인할 수 있다.