리액트 프로젝트 firebase로 배포하기 (프로젝트 생성, 호스팅 설정, 배포)

 

 

✨프로젝트 생성하기 

 

1. firebase 홈페이지 접속하기

Firebase

 

2. 시작하기 클릭

 

3. 기존의 프로젝트가 있다면 프로젝트 만들기 클릭 or  처음이라면 프로젝트 추가하기 클릭

 

4. 프로젝트 이름 지정하기

 

5. Google 애널리틱스 체크박스 해제 → 프로젝트 만들기 클릭 

 

---

 

✨호스팅 설정하기

 

빌드 탭 → Hosting 클릭

 

1. 시작하기 클릭

 

2. 윈도우는 명령프롬프트 → 오른쪽버튼 → 관리자권한으로 실행

 

3. 명령어 복사해서 설치 → 다음 클릭

 

4. 내 프로젝트 루트 디렉토리로 가서 명령어 복사해서 설치 (vs code로 했다면 해당 프로젝트 터미널에서 설치)

 

5. fire init 설치후 터미널에서 설정해줌 → 방향키를 통해 이동해서 스페이스를 눌러 선택할 수 있음

 

6. hosting 클릭 → 엔터

 

7. 미리 만들어둔 프로젝트를 이용할 때는 Use an existing project 선택

 

8. 내가 만든 프로젝트 클릭

 

9. 각 질문에 대한 답 입력 

 

10. 일단 명령어 설치는 하지않고 콘솔로 이동 클릭

 

---

 

✨배포하기

 

1. 콘솔에서 다른사이트 추가 클릭

 

2. 우리가 배포하고자 하는 프로젝트 사이트 이름 입력 → 사이트 추가

 

3. 프로젝트로 돌아와 firebase.json 파일에 site 추가

 

4. site 추가 후 다시한번 빌드 → npm run build

 

5. firebase deploy 입력 후 배포해주면 끝! 

 

 

+ ✨수정하기

 

파일 수정 한 후 firebase deploy로 다시 배포해주면 됨

 

---

 

📌 참고
한입 크기로 잘라 먹는 리액트(React.js)