Docs : Added table of contents to readme

Author: holymollyhao

README.md

@@ -6,40 +6,53 @@
 ## 프로젝트 소개
 **Handover**는 더 편리하고 똑똑한 인수인계를 위한 플랫폼입니다. 
 
+## 목차
+<ol>
+ <li><a href="#features">기능 설명</a></li>
+ <li><a href="#prerequisites">컴퓨터 구성 / 필수 조건 안내</a></li>
+ <li><a href="#stacks">기술 스택</a></li>
+ <li><a href="#install">설치 안내</a></li>
+ <li><a href="#gettingstarted">프로젝트 사용법</a></li>
+ <li><a href="#teaminfo">팀 정보</a></li>
+ <li><a href="#license">저작권 및 사용권 정보</a></li>
+</ol>
 
-## 기능 설명
- - 3단계 문서(서랍 🗄️, 문서 📰, 카드 📇) 구성으로 쉽게 관리하는 인수인계 문서
- - 그룹 생성, 북마크, 댓글 기능들로 함께 공유하는 인수인계 문서
- - 관리자 기능으로 보안위반으로부터 안전한 인수인계 문서
+<h2 id="features"> 기능 설명 (Key Features) </h2>
+
+- 3단계 문서(서랍 🗄️, 문서 📰, 카드 📇) 구성으로 쉽게 관리하는 인수인계 문서
+- 그룹 생성, 북마크, 댓글 기능들로 함께 공유하는 인수인계 문서
+- 관리자 기능으로 보안위반으로부터 안전한 인수인계 문서
+
+<h2 id="prerequisites"> 컴퓨터 구성 / 필수 조건 안내 (Prerequisites)</h2>
 
-## 컴퓨터 구성 / 필수 조건 안내 (Prerequisites)
 * ECMAScript 6 지원 브라우저 사용
 * 권장: Google Chrome 버젼 77 이상
 
-## 기술 스택 (Technique Used) 
+<h2 id="stacks"> 기술 스택 (Key Tech Stacks)</h2>
+
 ### Server(back-end)
- - [`nodejs 14.17.6`](https://nodejs.org/en/)
- - [`expressjs`](https://expressjs.com/)
- - [`MongoDB`](https://www.mongodb.com/)
- - [`Docker`](https://www.docker.com/)
- - [`Algolia Search`](https://www.algolia.com/)
+- [`nodejs 14.17.6`](https://nodejs.org/en/)
+- [`expressjs`](https://expressjs.com/)
+- [`MongoDB`](https://www.mongodb.com/)
+- [`Docker`](https://www.docker.com/)
+- [`Algolia Search`](https://www.algolia.com/)
 
 ### Front-end
- - [`react.js`](https://reactjs.org/)
- - [`MaterialUI`](https://mui.com/)
+- [`react.js`](https://reactjs.org/)
+- [`MaterialUI`](https://mui.com/)
+
+<h2 id="install"> 설치 안내 (Installaltion Methods)</h2>
 
-## 설치 안내 (Installation Process)
 ```bash
 $ git clone osamhack2021/App_Flutter_Web_Express_Handover_TeamName
 $ yarn install
 $ yarn start
 ```
 
-## 프로젝트 사용법 (Getting Started)
-- yet to do...
+<h2 id="gettingstarted"> 프로젝트 사용법 (Getting Started) </h2>
+-yet to do
 
-## 팀 정보 (Team Information)
-
+<h2 id="teaminfo"> 팀 정보 (Team Info) </h2>
 <table width="788">
     <thead>
     <tr>
@@ -182,7 +195,8 @@ $ yarn start
     </tbody>
 </table>
 
-## 저작권 및 사용권 정보 (Copyleft / End User License)
+<h2 id="license"> 저작권 및 사용권 정보 (Copyleft / End User License) </h2>
+
  * [MIT](https://github.com/osam2020-WEB/Sample-ProjectName-TeamName/blob/master/license.md)
 
 This project is licensed under the terms of the MIT license.