식사, 커피타임, 각종 문화생활을 함께 할 파티를 만들고 모집하는 웹 애플리케이션
create-react-app
기반의 앱이므로 node.js
설치가 필요하다.
git clone
후 npm install
로 필요 모듈들을 설치해주자.
firebase
의 auth, firestore를 이용하여 구현되어있어서 firebase project 생성이 필요하다.
https://console.firebase.google.com 에서 생성하자.
.env
를 통해 프로젝트에 필요한 환경변수들을 주입 받도록 되어있다.
프로젝트 루트에 .env
를 만들고 위에서 만든 firebase project의 API 키들을 해당하는 값들에 채워넣는다.
파티 생성 알람을 slack으로 받고 싶다면 slack hook url을 만들어서 해당 값에 넣는다.
# firebase setting
REACT_APP_FIREBASE_API_KEY=apiKey
REACT_APP_FIREBASE_AUTH_DOMAIN=authDomain
REACT_APP_FIREBASE_DATABASE_URL=databaseUrl
REACT_APP_FIREBASE_PROJECT_ID=projectId
# slack setting
REACT_APP_SLACK_HOOK=your slack hook url
firebase hoting
에 배포를 해서 쓸 경우 .firebaserc
파일을 프로젝트 루트에 생성한다.
default
에 생성한 firebase
프로젝트 명을 넣는다.
{
"projects": {
"default": YOUR_FIREBASE_PROJECT_NAME
}
}
firebase functions에 SSR을 위한 처리가 되어있다.
사용을 위해선 firebase-tools
를 설치한다.
npm install -g firebase-tools
아래의 커맨드로 firebase functions에서 사용할 환경변수를 정의한다.
firebase functions:config:set angomi.domain=YOUR_SERVICE_URL