Skip to content

프로젝트 구동 방법

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
Clone this wiki locally