CLOUD/Public Cloud

[AWS] S3 : React 프로젝트 업로드

alsruds 2023. 3. 15. 13:50

● 준비

》 node.js 설치

》 VSCode 설치

 

React project 생성

》 cmd 창에서 명령어 입력

npx create-react-app ([생성 폴더])  #생성 폴더명은 옵션

 

● build 폴더 생성

VSCode 에서 React 폴더 열기

터미널창에서 명령어 입력

#react 시작하기
npm start

#build 폴더 생성
npm run build

 

● build 폴더 > S3에 업로드

 

S3 설정 변경

버킷 》 속성 》 정적 웹 사이트 호스팅 》 활성화

메인 페이지로 띄울 인덱스 문서 : index.html

 

 

☞ 확인하기 ☜

버킷 웹 사이트 엔드포인트로 접속 시 index.html 페이지 확인

확인~