leehyeon-dv 님의 블로그

리액트 firebase 배포하기 본문

카테고리 없음

리액트 firebase 배포하기

leehyeon-dv 2025. 1. 19. 11:59

1. firebase login

일단 작업하는 리액트 폴더에서 vs code 터미널을 켠다 

터미널에 firebase login을 한다

 

 

 

2.로그인 창이 뜨면 계정을 선택한다

 

3. 파이어 베이스 호스팅을 시작한다

 

 

4. 준비가 돼서 기존에 만들어둔 프로젝트에 배포를 할 예정이다

 

5. React 프로젝트의 경우, 빌드 프로세스를 통해 생성된 파일들이 배포된다

   따라서 React의 빌드 디렉토리인 build를 선택한다

 

 

6. Github 연결과 public/index.html 파일을 덮어씌우겠냐는

   설정에는 No를하고 나머지는 Yes를 하여 설정을 완료

 

 

7. React 프로젝트 빌드 React 애플리케이션을 배포하려면

build 디렉토리에 최신 빌드 파일을 생성해야 합니다. 아래 명령어를 실행

 

 

8. Firebase 배포 빌드가 완료되면 Firebase Hosting에 배포

 

 

성공~!