구글 클라우드 노드js에서 실행하기_1

지금까지 리액트 코로나19 웹은 npm install -g create-react-app 으로 실행환경을 자동생성해서 시작하였습니다.

 - 로컬PC 실행: npm run start

 - 웹서버에 배포: npm run build 후 build폴더 웹서버에 업로드.

지난번에는 파스타 클라우드 웹인스턴스(PHP)에 배포하였습니다만, 이번에는 구글 클라우드(Firebase) 에서 실행해 보도록 하겠습니다. 

https://console.firebase.google.com/ (아래 Spark무료 요금제)

참고- [FIREBASE] 호스팅 생성하고 배포하기 : https://romeoh.tistory.com/entry/Firebase-%ED%98%B8%EC%8A%A4%ED%8C%85-%EC%83%9D%EC%84%B1%ED%95%98%EA%B3%A0-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0

참고- React 앱 Firebase에 배포 : https://jongbeom-dev.tistory.com/103

참고- Firebase + Create React App : https://peterhrynkow.com/firebase/2018/08/01/firebase-with-create-react-app.html

참고- 구글 파이어베이스 사용량및한도정보 : https://firebase.google.com/docs/firestore/quotas?hl=ko

참고-구글 클라우드 콘솔 : https://console.cloud.google.com/?hl=ko

참고- Firebase (Node.js) 게시판 만들기 : https://forest71.tistory.com/169 , https://forest71.tistory.com/170?category=667022

참고- 파이어베이스 react로 웹 호스팅 하기 : https://m.blog.naver.com/PostView.nhn?blogId=jogilsang&logNo=221060011383&proxyReferer=https%3A%2F%2Fwww.google.com%2F

--------------------------------------------------------------------

Ps. create-react-app(자동생성)으로 사용하지 않고,

      수동으로 실행환경을 만들할때는 아래와 같은 과정을 거치게 됩니다.
- 시작명령: npm init -> package.json 자동생성됨.(nodejs:서버사이드 자바스크립트런타임)
- npm install 로 package.json 에 dependencies 추가(webpack-dev-server:개발서버, hot-loader:코드수정시 변경된부분만 서버자동실행)
- es6문법을 프로젝트에서 사용가능 + JSX 코드사용 = Babel 프리프로세스
  es6문법: import React,{Component} from 'react'; class App extends Component {...} export default App;//다른 컴포넌트에서 사용가능하도록 export추가.
  es5문법: var React = requier('react'); class App extends React.Component {...} module.export = App;
- webpack.config.js
...실행: npm run dev-server
기술참조: https://github.com/velopert/react-codelab-fundamentals