## 영업용 pal

## URL

http://211.253.11.189

UTM 도심까지 시스템 구축 관제권 내에서는 승인 업무 간소화를 위한 LAANC를 개발

## LAANC 추진 배경

드론 승인 요청 건수가 많아지면서 승인 업무의 양이 많아지는 문제 발생

## LAANC 개발 현황

비행계획, 사업등록, 조종자격, 기체등록. 기체보험 등 LAANC를 통한 자동화 장애물 제한표면 검토, 지형 및 장애물 정보 검토, 비행가능 고도 검토, NOTAM 및 지오펜스

## 프로젝트 실행

```bash
  npm install

  npm run start
```

## Stack

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

## framework

| 이름                       | 버전    |
| -------------------------- | ------- |
| @mapbox/mapbox-gl-draw     | 1.4.3   |
| @mapbox/mapbox-gl-language | 1.0.1   |
| @node                      | 14.16.0 |
| @types/react               | 17.0.11 |
| @types/react-dom           | 17.0.7  |
| @types/react-redux         | 7.1.16  |

## 🔗 Links

[![figma](https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white)](https://www.figma.com/file/rAZ0DksMChtO7XuYnXt140/R%26D-Drone?type=design&node-id=2101-251&mode=design&t=S6761uYEAMuWjcuz-0)

[![Drone One Stop](https://img.shields.io/badge/Drone%20One%20Stop-FF5733?style=for-the-badge)](https://drone.onestop.go.kr/)

## 프로젝트 구성도

```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)