---
# System prepended metadata

title: "우아마켓 \U0001F6D2"

---

# 우아마켓 🛒

우아마켓 3팀 - 서그림, 황윤서

## 기술 스택

- **Common** ![title](https://img.shields.io/badge/-Typescript-4075bb?&logo=TypeScript&logoColor=white) ![title](https://img.shields.io/badge/-Yarn-488DB7?&logo=Yarn&logoColor=white) ![title](https://img.shields.io/badge/-ESLint-4B32C3?&logo=ESLint&logoColor=white) ![title](https://img.shields.io/badge/-Prettier-F7B93E?&logo=Prettier&logoColor=white)
- **Front-End** ![title](https://img.shields.io/badge/-CSS-264de4?&logo=css&logoColor=white) ![title](https://img.shields.io/badge/-Webpack-1C78C0?&logo=Webpack&logoColor=white) ![title](https://img.shields.io/badge/-Babel-yellow?&logo=Babel&logoColor=white)
- **Back-End** ![title](https://img.shields.io/badge/-Node.js-339933?&logo=Node.js&logoColor=white) ![title](https://img.shields.io/badge/-Express-191919?&logo=Node.js&logoColor=white) ![title](https://img.shields.io/badge/-MySQL-4479A1?&logo=MySQL&logoColor=white)
- **ETC** ![title](https://img.shields.io/badge/-EC2-232F3E?&logo=Amazon-AWS&logoColor=white) ![title](https://img.shields.io/badge/-Github-181717?&logo=Github&logoColor=white) ![title](https://img.shields.io/badge/-Slack-4A154B?&logo=Slack&logoColor=white)

## 프로젝트 구조

### Frontend

```bash
frontend
├── assets              # 필요한 리소스들
├── public              # index.html/favicon/...
├── styles              # 공통 스타일
└── src
    ├── App.ts(FILE)    # App 컴포넌트
    ├── index.ts(FILE)  # entry point
    ├── components      # 컴포넌트들
    ├── core            # 핵심 요소들(Component, Router Class)
    └── pages           # 페이지 컴포넌트들
```

### Backend

```bash
backend
├── app.ts(FILE)        # express application 객체
├── tsconfig.json(FILE) # typescript 설정 파일
├── bin                 # 실행 스크립트
├── config              # 환경변수 및 설정
├── loaders             # 시작 프로세스 모듈화
├── models              # 데이터베이스 핸들링
├── services            # 비즈니스 로직
├── utils               # 범용 함수, 클래스들
└── api
    ├── index.ts(FILE)  
    ├── middlewares     # 미들웨어들
    └── routes          # routes & controllers
```

## 설치 및 실행

### 환경 변수 설정

루트 디렉토리에 `.env` 파일을 생성하여 값을 채워주세요. dev 관련 스크립트는 `.env.dev`를 사용합니다.

```
PORT=
```

### npm scripts



#### Install dependencies

```sh
yarn install
```

#### Dev Frontend

```sh
yarn run dev:fe
```

#### Dev Backend

```sh
yarn run dev:be
```

#### Build Frontend

```sh
yarn run build:fe
```

#### Build Backend

```sh
yarn run build:be
```

#### Build & Start

```sh
yarn start
```

## 개발 문서

### [🏠 위키 보러 가기](https://github.com/woowa-techcamp-2021/deal-3/wiki)

### [📄 요구사항 정리](https://github.com/woowa-techcamp-2021/deal-3/wiki/%EC%9A%94%EA%B5%AC%EC%82%AC%ED%95%AD-%EC%A0%95%EB%A6%AC)

### 📗 Learn

- [Husky와 Lint Staged](https://github.com/woowa-techcamp-2021/deal-3/wiki/LearnDocs.-Husky%EC%99%80-Lint-Staged)
- [Webpack](https://github.com/woowa-techcamp-2021/deal-3/wiki/LearnDocs.-Webpack)

## 라이센스

MIT 2021 © [hseoy](https://github.com/hseoy), [Seogeurim](https://github.com/Seogeurim)