배포할 프로젝트 폴더 구조

1. npm run build

배포를 위해서는 build 파일이 필요하다.
그리고 빌드된 파일을 확인하려면 npx serve -s build 명령어를 실행하면 확인할 수 있다.

2. Bucket 생성

나머지 정보는 그대로 세팅한 상태에서 버킷 만들기 한다.

3. 빌드 파일 업로드

빌드 폴더가 아니라 빌드 폴더 안에 있는 파일들을 드래그에서 업로드를 해야한다.

index.html에서 접근 가능한지 확인한다.

4. Public 접근 권한 허용

5. 정적 웹 사이트 호스팅

6. AWS CLI 설치 for Command Build

7. 액세스 키 발급

8. 빌드 폴더에 있는 파일 업로드

빌드와 파일 업로드를 한번에 하는 방법은 다음과 같다.

9. 빌드된 페이지 확인하기