## 프로젝트 실행

```bash
  npm install

  npm run start
```

## Stack

**Client:** React, Redux, saga, typescript

## lib

| 이름                       | 버전    |
| -------------------------- | ------- |
| @mapbox-gl                 | 2.15.0   |
| @node                      | 14.16.0 |
| @react                     | 17.0.11 |
| @react-dom                 | 17.0.7  |
| @redux                     | 7.1.16  |
| @typescript                | 4.3.5  |


## 프로젝트 구성도

```bash
📦src
┣ 📂@core         프로젝트 기본 Source(font, css, custum component, layout)
┣ 📂assets        정적 데이터
┣ 📂components    컴포넌트 집합체
┣ 📂configs       프로젝트 상수 설정 및 테마 설정 파일
┣ 📂containers    컨테이너 집합체(각 페이지의 컴포넌트를 사용하는 파일)
┣ 📂layouts       layout 컨테이너
┣ 📂modules       redux modules(action,model,reducers,saga)
┣ 📂navigation    각 페이지들에 대한 navigation 설정
┣ 📂redux         reducers 설정 및 saga 설정
┣ 📂router        router 설정
┣ 📂utility       유틸리티 함수 및 hooks
┣ 📂views         view 집합체(각 페이지의 최상위 파일)

  ┃ ┣ 📂account       회원 관련 페이지 View
  ┃ ┣ 📂analysis      비행 이력 페이지 View
  ┃ ┣ 📂basis         기초정보 관리 페이지 View
  ┃ ┣ 📂control       드론교통관리 시스템 페이지 View
  ┃ ┣ 📂cstmrService  고객 서비스 페이지 View
  ┃ ┣ 📂laanc         laanc View
  ┃ ┣ 📂main          main dashboard 페이지 View
  ┃ ┣ 📂statistics    통계 페이지View
  ┃ ┣ 📂weather       날씨 페이지 View

┣ 📜App.js
┣ 📜index.js
┣ 📜index.scss
┣ 📜.env.development      development Mode 환경 변수 설정 파일
┣ 📜.env.production       production Mode 환경 변수 설정 파일
┣ 📜.eslintrc.js          코딩 컨벤션 및 안티 패턴 설정 파일
┣ 📜.gitignore            git push시 제외하고싶은 파일 설정
┣ 📜.prettierrc.js        코드 포멧팅 설정 파일
┣ 📜config-overrides.js   Webpack 설정 파일
┣ 📜tsconfig.json         typescript 설정 파일
```

## 화면 구성도

![화면구성도](./src/assets/images/화면구성도다이어그램.png)