lyuna's story

  • 홈
  • 태그
  • 방명록

리액트배포 1

리액트 프로젝트 AWS S3 + CloudFront로 배포하기

S3 버킷 만들기 고유한 버킷 이름을 설정한 후, 나머지 설정은 기본 세팅으로 건들지 않고 버킷 만들기를 누른다. S3에 빌드 파일 업로드   나는 vite로 react 프로젝트를 생성했기 때문에 dist라는 build 파일들이 생성되었다.(Create-React-App 으로 생성하며녀 build라는 이름의 폴더가 생성될 것이다.) 이 dist 폴더의 파일들을 모두 업로드 해준다. 버킷 정책 설정하기 만들어둔 버킷에 권한으로 가서 버킷 정책을 편집한다. 정책 생성기를 눌러 정책을 생성한다 (버킷 ARN 복사해두기)모두 입력한 후에 Add Statement 를 클릭 , 후에 Generate Policy 를 클릭하면  이러한 코드가 나오는데 이걸 복사 한 후에  그대로 붙여넣으면 된다. 변경사항 저장을 누르..

카테고리 없음 2024.11.11
이전
1
다음
프로필사진

lyuna's story

  • 분류 전체보기 (91)
    • 내배캠 (5)
    • CSS (2)
    • JS (4)
    • HTML (1)
    • React (3)
    • React 공식문서 스터디 (23)
    • 코어자바스크립트 스터디 (9)
    • 알고리즘 (4)
    • 모던 리액트 Deep Dive 스터디 (24)
    • 모던 자바스크립트 Deep Dive 스터디 (0)

Tag

s3, 리액트배포, 부캠 내배캠 부트캠프 과제, 티스토리챌린지, 잔디 기부 캠페인, CloudFront, 내배캠 부트캠프 부캠 과제, 오블완, AWS, 잔디 기부, 항해99,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 05  
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.