참고
- https://www.codementor.io/yurio/all-you-need-is-react-firebase-4v7g9p4kf
# Goal
- 로컬에 생성한 react.js 웹 프로젝트를 firebase로 배포하고 테스트
# 준비
- npm 설치되어있어야 함.
- firebase 계정 및 프로젝트 생성
# 전체 순서
-> react 프로젝트 생성
-> 생성한 react 프로젝트를 firebase 프로젝트로 설정
-> firebase 배포
# create-react-app 설치 및 빌드
$ npm install -g create-react-app $ cd projects (프로젝트 상위폴더) $ create-react-app test_app $ cd test_app (react 프로젝트 이름) $ npm start -> 로컬 웹접속 테스트 (localhost:3000) $ npm run build -> 빌드 완료 |
# firebase 설치
$ npm install -g firebase-tools $ firebase login -> firebase 계정으로 로그인 |
# firebase 프로젝트 등록
$ cd test_app $ firebase init -> 프로젝트 특성을 선택하는 화면 -> database, hosting 을 선택한다. Database Rules을 묻는다. -> default 선택 deploy 디렉토리를 묻는다. -> build 라고 입력 single-page app 설정을 할지 묻는다. -> y 입력 index.html 을 overwrite하지 묻는다. -> n 입력 완료되면, http://{project}.firebaseapp.com 로 접속 가능함. |
'SW개발 > Etc' 카테고리의 다른 글
[React Native] 안드로이드 기본 앱 개발 #2 (expo 플랫폼 사용, apk 작성, 배포) (2) | 2017.09.30 |
---|---|
[React Native] 안드로이드 기본 앱 개발 #1 (expo 플랫폼 사용) (1) | 2017.09.30 |
[reactjs] firebase 에서 react.js 웹 호스팅하기 (0) | 2017.09.26 |
[reactjs] html 파일 위에서 react.js 웹 간단하게 시작하기 (0) | 2017.09.14 |
angular 웹개발 (ecplise, spring boot, typescript) - #2 (0) | 2017.08.30 |
angular 웹개발 (ecplise, spring boot, typescript) - #1 (0) | 2017.08.26 |
이클립스 maven remote catalog 주소 (0) | 2017.05.31 |
Google Cloud Datastore 사용하기(spring) (0) | 2017.05.31 |
Visual Studio Code에서 TypeScript 코딩하기 (0) | 2017.05.09 |
[Perl] linux command 결과를 받아오기 (0) | 2016.03.11 |
[Perl] signal 관리 (perlipc) (0) | 2015.10.21 |