● 준비
》 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 페이지 확인
'CLOUD > Public Cloud' 카테고리의 다른 글
[AWS] S3 : 프로젝트 배포하기 (Zappa) (0) | 2023.03.16 |
---|---|
[AWS] Load Balancer DNS 설정 (0) | 2023.03.16 |
[AWS] S3 : Django에 저장되던 이미지 > S3에 저장하기 (0) | 2023.03.15 |
[AWS] S3 : 버킷 내 객체 공유하기 (0) | 2023.03.15 |
[AWS] RDS : Master(온프레미스) - Slave(AWS Cloud) 서버 구축 (2) | 2023.03.14 |