1. react) react 앱 프로젝트 하나를 만들고, 터미널에서 아래의 코드를 입력하여 빌드 폴더를 만든다.
npm run build
2. AWS S3) 생성된 build 폴더를 S3에 (수동으로) 업로드한다.
build안의 파일들은 파일추가로, static폴더는 폴더추가로 업로드!
(폴더 따로 생성해서 그 안에 업로드 했더니.. 404 에러 뜸..)
3. AWS S3) 버킷 > 속성 > 정적 웹 사이트 호스팅 > 편집을 누르면 다음과 같다.
활성화로 바꾸고, 인덱스 문서에는 메인페이지가 될 index.html을 입력하였다.
4. AWS S3) 완료를 하고 나오면 정적 웹 사이트 호스팅 밑에 '버킷 웹 사이트 엔드포인트'에 접속한다.
5. 확인) 아래와 같이 React index 페이지가 잘 나오면 성공
'클라우드 > AWS' 카테고리의 다른 글
| AWS) CloudWatch를 통한 모니터링 & 메모리 지표 추가 후 모니터링 (1) | 2023.03.17 |
|---|---|
| 비교) EC2 웹 서버 방식 vs S3 웹 서버 방식(서버리스) 어느 것이 더 좋을까? (0) | 2023.03.15 |
| AWS) 장고에서 S3에 이미지 업로드하고 읽기 (0) | 2023.03.15 |
| AWS) 객체 스토리지 S3 버킷 생성 및 버킷 정책 편집을 통한 파일 권한 설정 (0) | 2023.03.15 |
| 3계층 아키텍처 실습(with. AWS) (0) | 2023.03.14 |
