맹주환

Update readme.md

Showing 1 changed file with 126 additions and 19 deletions
# **Project OverView**
<!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag "enhancement".
*** Thanks again! Now go create something AMAZING! :D
-->
<!-- PROJECT SHIELDS -->
<!--
*** I'm using markdown "reference style" links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links
## Take an Umbrella
우산 챙기세요! : 날씨 API를 활용한 Philps Hue(조명) 제어 서비스
<!-- TABLE OF CONTENTS -->
<details open="open">
<summary>Table of Contents</summary>
<ol>
<li>
<a href="#about-the-project">About The Project</a>
<ul>
<li><a href="#built-with">Built With</a></li>
</ul>
</li>
<li>
<a href="#getting-started">Getting Started</a>
</li>
<li><a href="#usage">Usage</a></li>
<li><a href="#roadmap">Roadmap</a></li>
<li><a href="#contributing">Contributing</a></li>
<li><a href="#license">License</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#acknowledgements">Acknowledgements</a></li>
</ol>
</details>
## **Using API**
Google Maps API
<!-- ABOUT THE PROJECT -->
# About the Project
이 프로젝트는 날씨 API를 통해 강수확률을 받아와 조명을 제어하는 프로젝트입니다.
공공데이터포털 기상청 단기예보 조회서비스 API
## Built With
Node.js
공공데이터포털 한국환경공단 에어코리아 대기오염정보 API
## Using API
공공데이터포털 기상청 단기예보 조회서비스 API (https://www.data.go.kr/index.do)
NPM node-hue API
Node-hue-API (https://github.com/peter-murray/node-hue-api)
## **How it works**
Google maps API (https://developers.google.com/)
1. html5를 이용한 실시간 위치 정보 파악(google map API 사용)
2. 획득한 위치 정보를 바탕으로 강수확률 및 미세먼지 예보 받아오기(공공데이터포털 API 사용)
3. 사용자 지정 시간대(ex.외출 전)에 조명 색으로 기상정보 알림(NPM Philps-Hue API 사용)
4. 강수확률이 높을 수록 더욱 진한 파랑색 / 미세먼지 주의보 단계 높을 수록 짙은 황색 / 강수확률과 미세먼지 주의보 공존시 빨간색
5. AWS를 통한 서비스 제공 계획
## Using Node Package
Express
Request
<<<<<<< HEAD
경위도 : https://developers.google.com/maps/documentation/javascript/examples/map-geolocation?hl=ko#maps_map_geolocation-javascript
=======
https://www.data.go.kr/tcs/dss/selectApiDataDetailView.do?publicDataPk=15084084 기상청
>>>>>>> feature/add_Weather_API
React
http-proxy-middleware
google-maps-react
axios
corp
moment
<!-- GETTING STARTED -->
# Getting Started
```
$ npm install
```
<!-- USAGE -->
```
$ npm start
```
프로젝트는 Server와 Client 폴더로 나뉘며, Server에는 express, Client에는 react.js가 설치되어 있습니다.
package.json에 이를 동시에 실행할 수 있도록 script를 작성한 상태입니다.
이를 각각 실행하기 위해서는 프로젝트 폴더에서 아래와 같이 입력합니다.
```
$ npm run server
```
```
$ npm run client
```
1. react.js의 main page 접속(기본 포트 : 3000)
2. 웹 브라우저 상의 위치 정보 이용 동의
3. React-axios POST를 통해 server로 위치 정보 값 전송
4. Server내의 GET을 통해 전달된 위치 정보 및 현재 시간으로 기상 예보 조회
5. 기상 예보 조회된 값을 바탕으로 node-hue-api로 조명 제어
<!-- CONTRIBUTING -->
# Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
<!-- LICENSE -->
# License
Distributed under the MIT License. See `LICENSE` for more information.
<!-- CONTACT -->
# Contact
philosophist@khu.ac.kr
Project Link: [http://khuhub.khu.ac.kr/2017101598/take_an_umbrella](http://khuhub.khu.ac.kr/2017101598/take_an_umbrella)
<!-- ACKNOWLEDGEMENTS -->
# Acknowledgements
* [takeknowledge.log](https://velog.io/@takeknowledge)
* [VELOPERT.LOG](https://velopert.com/)
* [song.log](https://singa-korean.tistory.com/)
* [Pluralsight](https://www.pluralsight.com/)
* [baegofda_](https://baegofda.tistory.com/)
......