[AWS] 프론트엔드 배포 실습

< 프론트엔드 배포 실습 >

1. aws 콘솔홈에서 S3에 들어간다.

2.버킷에서 자신의 github id를 검색한다.

3. vs code들어가서 배포할 파일에 .env 파일을 생성한다.

REACT_APP_API_URL=dlkjfdlkjflkdjlfjd

REACT_APP_API_URL=http://ec2-3-39-232-68.ap-northeast-2.compute.amazonaws.com

(.com뒤에 /안들어가게 주의하자!!!!)
EC2 서버의 주소를 넣는다.
터미널에서 npm install, npm run build 를 실행한다.
그럼 build파일이 생성될것이다.

4.build의 파일을 업로드한다.
build 폴더 자체를 넣지 않도록 주의합니다.
build속의 파일들과 static은 폴더로 추가하기

객체에 파일들이 들어와있는걸 볼수있을것이다.

5. 이제 속성탭으로 들어가자
밑에 버킷 웹사이트 엔드포인트라고 써있는 부분이 있을것이다.
거기 들어가서 실행해보면 된다.

---

출처

코드스테이츠