1. client폴더 최상위에 .env 파일 생성하기
`EACT_APP_API_URL`의 값으로 EC2 서버의 주소를 넣어준다.
주의할 점은 따옴표나 끝에 / 가 포함되지 않게 한다.

2. `npm install`과 `npm run build`를 실행한다.
완료되면 build 폴더 생긴다.
3. build 폴더에 있는 모든 파일은 버킷에 업로드해준다.
build 폴더 자체를 넣지 않도록 주의한다.
업로드 성공 시 닫기 버튼을 눌러 다시 버킷으로 돌아간다.

4. 버킷의 속성 탭에서 정적 웹 사이트 호스팅 확인하기
버킷 웹 사이트 엔드포인트가 생성되어 있는 걸 확인할 수 있다.
해당 링크로 접속하면 업로드한 정적 웹 확인 할 수 있다.

참고) 코드스테이츠 유어클래스
'CS' 카테고리의 다른 글
CI/CD (0) | 2023.04.03 |
---|---|
EC2 실습 (0) | 2023.04.01 |
AWS (0) | 2023.03.31 |
Lighthouse (0) | 2023.03.30 |
GitHub GraphQL API (0) | 2023.03.30 |