React 프로젝트 파이어 베이스로 배포하기

 

 

1. 터미널에 npm install -g firebase-tools
2.  설치가 되었다면 다시 터미널에 firebase login 입력 후 로그인해준다
   로그인이 되ㅓㅇㅆ다면 뭐 woohoo!하면서 로그인 성공했다는 페이지가 뜸
3. npm run build로 리액트 앱 빌드
4. firebase init (파이어 베이스 시작)
5. Hosting : Configure 어쩌고 방향키로 선택 -> 스페이스바 -> 엔터

 

5. 이미 프로젝트는 만들어져 있으니 첫번째꺼 선택

 

6. 배포할 프로젝트 선택

 

7. 호스팅할 폴더 선택

성공하면 깃허브 로그인하는 페이지가 뜸 -> 로그인 성공하면 woohoo! 하면서 로그인 성공창 뜸

 

8. 깃허브 유저 이름이랑 레포지토리 이름 작성

 

9.

 

10. 어느 브랜치에서 소스코드를 올렸을때 자동으로 배포되게 할건쥐? main 선택

 

여기까지 하고나면 프로젝트 파일에 파이어베이스 관련 파일이 생긴다.

커밋해주기

 

git add .

git commit -m "deploy"

git push

 

그리고 깃허브 가서 프로젝트 레포지토리 ㄱㄱ

액션 선택

 

 

이렇게 생긴걸 볼 수 있음

누르면 알아서 설치하는중,,~

나는 중간에 css 경로 안맞아서 다시 했었다,, 꼮,, 확인 할 것,,

 

다 완료가 되면 이런 모양이니 확인 할 것

 

파이어베이스 접속 ㄱㄱ

선택

 

호스팅 선택

도메인 생긴거 확인하기~!

 

배포 끝