docs: README 수정

-<!-- PROJECT SHIELDS -->
-<!-- [![Forks][forks-shield]][forks-url] -->
-<!-- [![Issues][issues-shield]][issues-url] -->
-<!-- [![LinkedIn][linkedin-shield]][linkedin-url] -->
-
-
-
 <!-- PROJECT LOGO -->
 <br/>
 <div align="center" style="margin-top: 1rem; text-align: center;">
@@ -12,58 +5,59 @@
     <img src="https://notion-emojis.s3-us-west-2.amazonaws.com/v0/svg-twitter/1f436.svg" alt="Logo" width="80" height="80">
   </a>
   <h3>도기보기 서비스 개발 참여</h3>
-  <p align="center">
-    Capstone design 2 기업체 과제 진행(with (주)펫페오톡).
-    <br />
-    <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119"><strong>Explore the docs »</strong></a>
-
-    <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/blob/02b424ef64e145c70f7f3c6756834a225f8052dd/%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%AE%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8E%E1%85%AC%E1%84%8C%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%85%E1%85%B5%E1%84%91%E1%85%A9%E1%84%90%E1%85%B3_%E1%84%89%E1%85%B5%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%89%E1%85%A1%E1%86%BC.MP4">View Demo</a>
-    ·
-    <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Report Bug</a>
-    ·
-    <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Request Feature</a>
-  </p>
+  Capstone design 2 기업체 과제 진행(with (주)펫페오톡).
+  <br />
+  <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119"><strong>Explore the docs »</strong></a>
+
+  <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/blob/02b424ef64e145c70f7f3c6756834a225f8052dd/%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%AE%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8E%E1%85%AC%E1%84%8C%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%85%E1%85%B5%E1%84%91%E1%85%A9%E1%84%90%E1%85%B3_%E1%84%89%E1%85%B5%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%89%E1%85%A1%E1%86%BC.MP4">View Demo</a>
+  ·
+  <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Report Bug</a>
+  ·
+  <a href="http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/issues">Request Feature</a>
 </div>
 <!-- TABLE OF CONTENTS -->
 
-## Table of Contents
-* [About the Project](#about-the-project)
-  * [Built With](#built-with)
-<!-- * [Usage](#usage) -->
-* [Contact](#contact)
+## 목차
+
+1. [프로젝트 소개](#프로젝트-소개)
+2. [사용 방법](#사용-방법)
+3. [기술 스택](#기술-스택)
+4. [배포](#배포)
+5. [비즈니스 로직](#비즈니스-로직)
+6. [남은 작업](#남은-작업)
+7. [코딩 스타일 가이드](#코딩-스타일-가이드)
 
 
+## 프로젝트 소개
 
-<!-- ABOUT THE PROJECT -->
-## About The Project
-<!-- [![Product Name Screen Shot][product-screenshot]](http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119) -->
 주식회사 펫페오톡에서 제공하는 도기보기 서비스 개발 과제에 참여하는 프로젝트입니다.
-<br/><br/>
-[![도기보기](https://dogibogi.co.kr/img/logo-text.png)](https://dogibogi.co.kr/)
-[도기보기 서비스 소개](https://dogibogi.co.kr/)<br/>
 
-### Built With
+실시간 CCTV Streaming 서비스에 새로 추가되는 반려동물 움직임 감지 녹화 영상 일일 리포트 서비스 개발 프로젝트에
 
-* [Vue.js](https://vuejs.org/)
-* [Amazon S3](https://aws.amazon.com/ko/s3/)
+**웹 프론트엔드 파트**로 참여하였습니다.
 
-<!-- USAGE EXAMPLES -->
-<!-- ## Usage
+- [도기보기 랜딩페이지](https://dogibogi.co.kr/)
+- [도기보기 챗봇](http://pf.kakao.com/_IxoikT)
+- [도기보기 - 반려동물 CCTV 어플리케이션(Play Store)](https://play.google.com/store/apps/details?id=com.petpeotalk.dogibogi_android&hl=ko)
+- [일일 리포트 개발 관련 발표영상](http://khuhub.khu.ac.kr/2020-2-capstone-design2/2013104119/blob/02b424ef64e145c70f7f3c6756834a225f8052dd/%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%AE%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8E%E1%85%AC%E1%84%8C%E1%85%A9%E1%86%BC%E1%84%87%E1%85%A9%E1%84%80%E1%85%A9%E1%84%89%E1%85%A5/%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%8B%E1%85%B5%E1%86%AF%E1%84%85%E1%85%B5%E1%84%91%E1%85%A9%E1%84%90%E1%85%B3_%E1%84%89%E1%85%B5%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%8B%E1%85%A7%E1%86%BC%E1%84%89%E1%85%A1%E1%86%BC.MP4)
 
-<details>
-    <summary>작성중. . .</summary>
-    <div markdown="1">
-![](./usage_example.mp4)
+## 사용 방법
 
+> 1. 구글 플레이스토어에서 [도기보기 어플리케이션](https://play.google.com/store/apps/details?id=com.petpeotalk.dogibogi_android&hl=ko)을 다운로드합니다.
+> 2. 회원가입을 진행 후 초기 환경설정을 진행합니다.
+> 3. QR코드로 [도기보기 카카오톡 채널](http://pf.kakao.com/_IxoikT)과 연동하여 공기계를 CCTV 기기로 등록합니다.
+> 4. 공기계의 도기보기 어플리케이션에서 `도기보기 cctv 시작하기`버튼을 눌러서 모니터링 모드를 활성화시킵니다.
+> 5. 연동된 카카오톡 채널에서 `영상보기📺` 버튼을 눌러 CCTV Streaming 영상을 확인합니다.
+> 6. ~~일일 리포트 서비스는 배포 전으로 테스트할 수 없습니다.~~ `일일 리포트📝` 버튼을 눌러 일일 리포트를 확인합니다.
 
-1. For run program, click `Run`-`StartDebugging`.
-2. After https server opened with console log `[HTTPS] Server is started on port 23023`, Add line bot using [QRcode](https://line.me/R/ti/p/%40393smdwr#~).
-3. Send English, Korean text or Image containing text(en, ko) to `OSS` line bot, and Check the response text from `OSS` line bot.
+## 기술 스택
 
-    </div>
-</details> -->
+- **vue.js** - SPA 자바스크립트 프레임워크
+- **vue-router** - vue 라우팅 도구
+- **axios** - Ajax 통신을 위한 라이브러리
+- **bootstrap** - CSS 라이브러리
+- **aws-sdk** - AWS S3 접근을 위한 라이브러리
 
-<!-- CONTACT -->
 ## Contact
 Email - <2013104119@khu.ac.kr>