-
Notifications
You must be signed in to change notification settings - Fork 11
프로젝트 구동 방법
yejineee edited this page Dec 15, 2020
·
3 revisions
우선 Repository clone한 후, Project16-A-Account-Book 폴더에 들어간다.
1. 몽고디비 설치 후 데이터베이스 생성 2. 백엔드
-
백엔드 환경 변수 설정
- be/src 폴더 바로 밑에 .env 파일 생성
- be/src/.env-template 안에 있는 내용 작성
- .env 예시
- mongodb cloud의 경우 DB_PORT는 작성하지 않기
DB_USER=[데이터베이스 유저 이름 (ex. test)] DB_PASSWORD=[데이터베이스 password (ex. 123123)] DB_HOST=[데이터베이스 호스트 이름 (ex. cluster0.3v1lt.mongodb.net)] DB_DATABASE=[데이터베이스 이름 (ex. account?retryWrites=true&w=majority)] DB_PORT=[데이터베이스 포트 (ex. 27017)] JWT_SECRET=[JWT secret key (ex. ajsdFAG430tu04qkn) ] GITHUB_ID=[GitHub_OAuth_Client_Id (ex. 6df23f10bc0622c89804)] GITHUB_SECRET=[GitHub_OAuth_Client_Secret] HOST=[서버 주소 (ex. http://localhost)] BE_PORT=[백엔드엔드 서버 포트 (ex. 4000)] FE_PORT=[프론트엔드 서버 포트 (ex. 3000)] EXPIRES_IN=[JWT 토큰 만료 시간 (ex. 24h)]
-
실행
cd be yarn yarn dev
or
cd be npm install npm run dev
3. 프론트엔드
-
프론트엔드 환경 변수 설정
- fe 폴더 바로 밑에 .env.development 파일 생성
- .env_sample에 있는 내용 작성
- .env 예시
REACT_APP_API_URL=[서버 주소 (ex. http://localhost)] REACT_APP_API_PORT=[프론트엔드 서버 포트 (ex. 4000)]
-
실행
cd fe yarn yarn start
or
cd fe npm install npm run start
- Optimistic Update
- 상태관리를 어떻게 할까
- Atomic Design 설계
- Mongoose Atomic Update 방식을 찾아서
- MobX Best Practices는 어디에
- 거래내역 스토어 관리
- user-account DB관계 수정
- 알림 기능 구현
1 주차
- 데일리스크럼
- 회고