5주차 - 프로젝트 호스팅 하기
본문 바로가기
항해 중/5주차 리액트 심화반

5주차 - 프로젝트 호스팅 하기

by 은돌1113 2021. 12. 4.

👉 파이어베이스 호스팅 설정 방법!

파이어베이스 콘솔 → Hosting에서 시작하기를 누르면, firebase CLI 설치부터, 프로젝트 초기화까지 가이드 참고!

 

- firebase Hosting으로 호스팅 하기

 

1) 파이어베이스 콘솔에서 호스팅 시작하기

 

2) 파이어베이스 CLI 설치하기

yarn global firebase-tools

 

3) firebase 로그인 후 init 실행하기

#웹브라우저가 열리고 내 구글 계정을 물어볼거예요. 로그인해줍니다.
yarn firebase login
#로그인 후 init!
yarn firebase init

 

4) 호스팅을 선택 해줍니다.

+ 여기에서 프로젝트에서 사용하는 서버스를 전부 선택 해줍니다. firebase, firestore, storage, hosting)

+ 프로젝트 선택 할 때는 이미 있는 [프로젝트 적용하기]를 선택 해줍니다.

 

5) 설정을 해줍니다. (주의! public 아니고 build로 선택 해줍니다)

 

- 빌드하기

yarn build

 

- firebase hosting으로 배포하기

firebase deploy

 

이렇게 하면 배포가 끝납니다!

'항해 중 > 5주차 리액트 심화반' 카테고리의 다른 글

5주차 - Pre-rendering  (0) 2021.12.04
5주차 - SEO란(검색 엔진 최적화)?  (0) 2021.12.04
추가 - 삭제 기능  (0) 2021.12.03
추가 - 좋아요 기능  (0) 2021.12.03
4주차 - 엔터 키로 입력하기  (1) 2021.12.03

댓글