Coder Social home page Coder Social logo

lcomment / 01-labq-wanted-d Goto Github PK

View Code? Open in Web Editor NEW

This project forked from 3rd-wanted-pre-onboarding-team-d/01-labq-wanted-d

0.0 0.0 0.0 3.69 MB

서울 강수량, 하수관로 Open Api를 활용한 프로젝트 (LabQ 기업과제)

JavaScript 5.21% TypeScript 94.79%

01-labq-wanted-d's Introduction

1주차: LabQ 기업과제

RUN

$ git clone https://github.com/3rd-wanted-pre-onboarding-team-D/01-LabQ-wanted-D.git
$ cd 01-LabQ-wanted-D
$ npm i --silent
$ npm run start

환경변수 설정

OPEN_API_KEY={인증키}

API 명세 문서

GET /anomalydetection/gubn
GET /anomalydetection/{gubn}

과제 용어 정리

  • GUBN_NAM (하수관로 수위 현황 - 구분명 출력값)
  • GU_NAME (강우량 정보 - 구청명 출력값)
  • GUBN (하수관로 수위 현황 - 구분코드 요청값)

요구사항 분석

  • 클라이언트가 요청하는 서울시 구별 강우량 정보와 그에 따른 하수관로 수위 현황을 제공하는 서비스
    • 서울시 구별 강우량 현황을 받아오는 OPEN API 모듈 개발이 필요함.
    • 서울시 하수관로 수위 현황을 받아오는 OPEN API 모듈 개발이 필요함.
    • 클라이언트로부터 받은 GUBN과 날짜를 기준으로 강우량과 수위 현황을 매핑 후에 데이터를 응답하는 모듈 개발이 필요함.
      • 매핑 기준은 GUBN과 일(Day)로 한다.

팀원별 역할

  • 프로젝트 세팅
    • 담당: @JuyeopJang
    • Hot-Reload, response-interceptor, ConfigModule
  • 강수량 api 모듈 제작
    • 담당: @username1103
    • OpenAPI를 요청해 데이터 가져오는 모듈
  • 하수관로 api 모듈 제작
    • 담당: @reumachoi
    • OpenAPI를 요청해 데이터 가져오는 모듈
  • Data 처리 모듈 제작
    • 담당: @khsexk
    • 두 OpenAPI 모듈을 통해 가져온 데이터 파싱
  • Response 관리
    • 담당: @YongsHub
    • 데이터 처리 모듈을 import해서 response까지

Response 예시

- 클라이언트가 잘못된 또는 없는 구분코드(GUBN)으로 API 호출시 BadRequestResponse
- 올바른 구분코드(GUBN)을 명시하여 API 호출을 하는 경우
- OPEN API 호출에 실패할 경우의 Response

DFD

Module Dependencies

Before Refartor
- HTTP모듈을 DrainpipeMonitoring, Rainfall, AnomalyDetection 3개의 모듈에서 각각 받음 - Rainfall모듈의 경우 Config모듈을 OpenApiConfig모듈로 받고 DrainpipeMonitoring모듈의 경우엔 Config모듈을 전역모듈로 받음 - App모듈에서 Config, OpenApiConfig, DrainpipeMonitoring, Rainfall, AnomalyDetection 모듈을 다 받음
After Refartor
- OpenApi모듈로 Config와 Http모듈을 통합해서 Rainfall, DrainpipeMonitoring 모듈에서 사용 - App모듈에 불필요하게 가져오던 모듈들을 정리하고 AnomalyDetection모듈만 사용

01-labq-wanted-d's People

Contributors

lcomment avatar username1103 avatar juyeopjang avatar reumachoi avatar yongshub avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.