언택트 시대 배달비가 부담되는 대학생을 위한 배달비 공동 부담 플랫폼, N빵

구경하러 가기~

👥 Team

강근우	문혜라	박진용	이한주

기술 스택

Front-End

Spec
Description	JavaScript	React	Recoil	Styled-Components

Back-End

Spec
Description	TypeScript	Express	MySQL	TypeORM	TS-NODE

Infrastructure

Spec
Description	Nginx	NCP	Docker	Jenkins

DevOps

🚦 How to start?

1. NPM

npm, node가 설치되어 있다면 이 방법으로 시작할 수 있습니다.

(1) Clone

git clone https://github.com/boostcamp-2020/Project12-A-Slack-Web.git

(2) Frontend Setting

cd client
yarn install
# .env 파일 생성

/common/constant.js를 생성하기

const env = {
  SERVER_BASE_URL: "<서버 Url>/api",
};

export default env;

SERVER_DOMAIN_PRODUCTION와 SOCKET_SERVER_DOMAIN_PRODUCTION은 URL:3000, URL:4000와 같이 작성해주시면 됩니다.

(3) Backend Setting

cd ../server
npm install
# .env 파일 생성

.env

NODE_ENV = <dev라면 dev, production 환경이라면 prod>
SERVER_PORT = 4000

TYPEORM_CONNECTION = mysql
TYPEORM_HOST = <DB host>
TYPEORM_PORT = <DB port>
TYPEORM_USERNAME = <DB user name>
TYPEORM_PASSWORD = <DB password>
TYPEORM_DATABASE = <DB database name>
TYPEORM_SYNCHRONIZE = true
TYPEORM_LOGGING = true
TYPEORM_ENTITIES = dist/entity/*.entity.js

kakao_clientId = <kakao client ID>
kakao_redirect_dev = http://localhost:4000/api/auth/callback/kakao
kakao_redirect_production = <배포 FE 서버 URL>/api/auth/callback/kakao

JWT_SECRET = <JWT secret key>
JWT_TOKEN_EXPIRES_IN = <JWT token expire time>
CLIENT_URI_DEV = http://localhost:3000
CLIENT_URI_PRODUCTION = <배포 FE 서버 URL>

(4) Backend 실행

npm start

(5) Frontend 실행

cd ../client
npm run dev