이번 실습에서는 코드스테이츠에서 제공하는 자신의 버킷을 사용하여 프론트엔드 배포 실습해 보았다.

S3 호스팅

AWS 콘솔에서 S3를 검색한 후 자신의 github login으로 검색하면 자신의 버킷을 검색 할 수 있다.

이번 실습에서는 클라이언트 번들을 업로드해야 하는데, 클라이언트를 번들링할 수 있는 과제가 미리 준비되어 있다.

.env파일을 생성하고, 아래 파일과 같이 작성 하자.

그리고 그리고 npm install, npm run build 스크립트를 실행하면 된다.

npm install

npm run build

그 다음에 build 디렉터리의 모든 파일을 자신의 버켓 루트 경로에 넣어주면 되는데, build 폴더 자체를 넣지 않도록 주의하자.

그리고 index.html의 속성에 들어가서 객체 URL을 클릭하면

로그인이 성공적으로 되는것을 볼 수 있다.