Update readme.md

-# **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/)