프론트엔드 AWS배포하기

1.npm run build

배포하기위한 준비단계!
띄어쓰기 및 텝을 제거하여 최소한의 용량으로 줄여줌!

2.회원가입 및 s3버킷 만들기

회원가입 할때 무료버전으로 가입해주면된다!
주의할점: 카드번호가 무조건 필요함!

버킷만들기

검색창에 s3 입력후 첫번째 버튼을 눌러서 버킷생성을 해준다.
퍼블릭 액세스 차단설정을 전부 풀어줌.

주의할점: 대문자가 안됨! 리젼을 서울로 설정해줌!

3.build 업로드하기

1번에 만들어두었던 build를 업로드 해준다.

주의할점: 파일을 한개씩 올려주어야한다.
build폴더 안에있는 폴더3개 파일2개 총 5번 업로드 진행.

4.속성탭 제일 하단에 '정적 웹 사이트 호스팅'편집

속성탭 하단에 있는 정적 웹 사이트 호스팅 편집을 눌러
- 정적 웹 사이트 호스팅 > 활성화
- 인덱스 문서 > index.html이라고 작성
- 오류 문서 > index.html이라고 작성
세가지를 편집후 저장해줌.

5.권한탭에 버킷정책 수정

이렇게 써주고 마지막에 Resource Name 에는 'arn:aws:s3:::버킷이름/*' 을 넣어주면 JSON형식으로 생성이되는데 버킷정책에 넣어주면 끝!

주의할점 맨 첫줄에 띄어쓰기가 되어있으면 저장이 안됨!!!!