Firebase 2

[React + Firebase] 리액트 + 파이어베이스 웹 앱 배포하기

오늘 해볼 것은 리액트 프로젝트에 firebase를 추가해서 웹 앱 구동을 해보는 것이다. 우선 새로 만든 프로젝트로 이동 후 새로운 프로젝트 생성은 이렇게 하면 된다.(내 프로젝트 명은 기사님!!) npx create-react-app gisanim 먼저 firebase cli설치를 해놓으려고 한다. 아래 명령어로 설치를 하면 된다. cd gisanim //이동 npm install -g firebase-tools 설치가 완료되면 package.json에 해당 라이브러리들이 추가된 걸 확인할 수 있다 그렇다면 이제 Firebase로 가서 로그인 후 새로운 프로젝트를 만들어주자 좌측의 시작하기를 누르면 이런 페이지가 나오는데, 프로젝트 만들기를 눌러서 연결시킬 프로젝트를 만들어주자 블로그를 쓰면서 구글 ..

[React + Firebase] 새로운 프로젝트 구상

새로운 프로젝트를 구상하면서 이번에는 실제로 배포를 통해 사용자가 있는 웹앱을 제작해보려고 한다. 새로운 프로젝트는 학원차량 스케줄 관리 및 시스템 관리 웹앱이다. 사전 조사를 해보니 vue보다는 React가 더 적합하다는 생각이 들었고, 실제 웹앱 배포를 구상하면 먼저 배포 방식에 대한 결정이 끝난 상태에서 배포를 진행하며 나머지 부분들을 완성하는 게 더 바람직하다고 느꼈다. 백엔드 부분에서 정보가 유출되지 않으려면 Github public을 사용하면 안됐고, 그래서 Cloud를 이용해서 배포를 해보려고 한다. 개발 목표는 1. Firebase를 통한 웹앱 배포 2. id와 password를 입력해서 각각의 페이지를 보여주기 3. 페이지 구성하기 1 - 예약 페이지 1) 그날의 이용 가능한 차량과 시간..