Merge branch 'master' of http://khuhub.khu.ac.kr/2021105636/Extended-Calendar

+[![mysql](https://img.shields.io/badge/mySQL-4479A1?style=flat-square&logo=mysql&logoColor=white)](https://www.mysql.com/)
+[![Express](https://img.shields.io/badge/Express-000000?style=flat-square&logo=Express&logoColor=white)](https://developers.google.com/web/tools/puppeteer)
+[![puppeteer](https://img.shields.io/badge/puppeteer-40B5A4?style=flat-square&logo=puppeteer&logoColor=white)](https://developers.google.com/web/tools/puppeteer)
+[![React](https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=white)](https://developers.google.com/web/tools/puppeteer)
+
+
+
 # E-Campus 연동 확장 캘린더
---------------
+
+[E-Campus 연동 확장 캘린더](http://3.34.173.161:3001/)
+
 <br>
 
 ## About The Project
-+ 경희대학교 E-Campus 로그인 정보를 입력하면 E-Campus 내 일정들을 연동해줍니다.
-+ 수업, 과제 마감 기한과 나의 다른 일정들을 E-Campus 캘린더를 통하지 않아도 한 번에 파악할 수 있습니다.
 
+- 경희대학교 E-Campus 로그인 정보를 입력하면 E-Campus 내 일정들을 연동해줍니다.
+- 수업, 과제 마감 기한과 나의 다른 일정들을 E-Campus 캘린더를 통하지 않아도 한 번에 파악할 수 있습니다.
+- 실시간 줌 수업, E-Campus에는 등록되지 않은 수업 일정들을 추가하여 학업 일정을 관리해보세요
+
+<br>
 
 ## Configuration
 
@@ -14,10 +26,10 @@
 - DataBase : [MySQL](https://www.mysql.com/)
 - Crawl : [Puppeteer](https://developers.google.com/web/tools/puppeteer)
 
+![project_architecture](/uploads/f6896d9214e3aaba63470d05761e1d5c/project_architecture.PNG)
 <br>
 
-## Quickstart
-
+## Getting Started (Installation)
 
 ### Install
 
@@ -26,29 +38,40 @@ npm install
 npm -g install nodemon
 ```
 
-### Run
-http://3.34.173.161:3000/
-#### Terminal 1
+### Build & Run
 
 ```sh
-npm start
+npm run build
+npm run server
 ```
 
-#### Terminal 2
+<br>
+
+## Usage
+1. Enter your E-Campus ID and PW.
+<img src="/uploads/074a79ad560922af309e39b3186cbe2d/image.png" width="300" height="100">
+2. If the ID and password entered are correct, your ecampus information-based calendar will be created.
+3. Make sure that the courses you are taking are listed on the left and that your ecampus schedule reflects well.
+4. You can add a new schedule by clicking on the empty part of the calendar.
+5. You can view the schedule by day, week, and month.
+6. If you have finished checking the schedule, press the '로그아웃' button in the upper right corner.
 
-```sh
-npm run server
-```
 
 ## Contributing
-1.Fork the Project
-2.Create your Feature Branch
-3.Commit your Changes
-4.Push to the Branch
-5.Open a Pull Request
+If you would like to add new features to this calendar, please follow these steps:
+1. Fork the Project
+2. Create your Feature Branch
+3. Commit your Changes
+4. Push to the Branch
+5. Open a Pull Request
+
+<br>
 
 ## License
 
+<br>
+
 ## Contact
-+ HyeonJun Jeon : 
-+ Sijin Park : sijin0524@khu.ac.kr
+
+- HyeonJun Jeon : good1588@khu.ac.kr
+- Sijin Park : sijin0524@khu.ac.kr