한국공항공사(KAC) - Front End
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

4.8 KiB

## pav-kac

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

LAANC 추진 배경

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

LAANC 개발 현황

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

프로젝트 실행


  nvm install

  nvm use // .nvmrc 버전으로 사용 가능

  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

figma

Drone One Stop

프로젝트 구성도

📦src
┣ 📂@core         프로젝트 기본 Source(font, css, custum component, layout)
┣ 📂assets        정적 데이터
┣ 📂components    컴포넌트 집합체
┣ 📂configs       프로젝트 상수 설정 및 테마 설정 파일
┣ 📂containers    컨테이너 집합체(각 페이지의 컴포넌트를 사용하는 파일)
┣ 📂layouts       layout 컨테이너
┣ 📂navigation    각 페이지들에 대한 navigation 설정
┣ 📂redux         store, reducers 설정 및 redux modules(slice, state, thunk)
┣ 📂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 설정 파일

화면 구성도

화면구성도