Fix a bug that occurred when multiple people use

-# Teleprompter-SST
+# Teleprompter-STT
+
+## Table of Contents
+  - [프로젝트 소개](#-프로젝트-소개)
+  - [주요 기능](#-주요-기능)
+  - [Directory 구조](#-directory-구조)
+  - [설치 방법](#-설치-방법)
+  - [팀원](#-팀원)
+  - [Reference](#-reference)
+  - [License](#-license)
+
 
 ## 🎙 프로젝트 소개
   - 음성에 맞춰 대본을 화면에 실시간으로 출력하는 프롬프터 서비스
   - Untact시대에 화상회의에서 편하게 발표할 수 있도록 도와주는 서비스
 
 
-## 📜 주요기능
-
-  - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**String-Similarity API**](https://www.npmjs.com/package/string-similarity) 사용
+## 📜 주요 기능
+  - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) && [**string-similarity API**](https://www.npmjs.com/package/string-similarity) 사용
   - Real-time Script Output
 
 
 ## 🗂 Directory 구조
-
 ```bash
-Teleprompter-SST
+Teleprompter-STT
 ├── client                        ---> Front-end [React]
 │   ├── public                    ---> 정적 파일 보관
-│   │   ├── favicon.ico
 │   │   ├── index.html
 │   │   ├── manifest.json
 │   │   └── robots.txt
@@ -38,50 +45,71 @@ Teleprompter-SST
 │   │   └── styles.js             ---> PrompterPage.js Style
 │   ├── .gitignore
 │   ├── package-lock.json
-│   ├── package.json
-│   └── yarn.lock
+│   └── package.json
 │
 ├── .gitignore
 ├── LICENSE                       ---> MIT License
 ├── package-lock.json
 ├── package.json
 ├── README.md
-├── server.js                     ---> Back-end [Node Express]
-└── yarn.lock
+└── server.js                     ---> Back-end [Node.js Express]
 ```
 
+## :keyboard: 설치 방법
+#### ☝️ React & Express 서버 동시 구동 (Local Server로 동작)
+
+##### client 폴더 이동
+`$ cd Teleprompter-STT/client`
+
+##### React에 필요한 모듈 설치
+`$ npm install`
+
+##### Teleprompter-STT 폴더 이동
+`$ cd ..`
 
+##### Node.js에 필요한 모듈 설치
+`$ npm install`
 
-## ⌨️ 설치 방법
+##### React & Express 서버 동시 시작
+`$ npm run dev`
 
+<br>
+#### ✌️ Express 서버로만 구동 (Heroku로 배포 가능)
 
-#### client 폴더 이동
-`$ cd Teleprompter-SST/client`
+##### client 폴더 이동
+`$ cd Teleprompter-STT/client`
 
-#### package.json에 명시된 모듈 설치
+##### React에 필요한 모듈 설치
 `$ npm install`
 
-#### Teleprompter-SST 폴더 이동
+##### Build File 생성
+`$ npm run build`
+
+##### Teleprompter-STT 폴더 이동
 `$ cd ..`
-#### package.json에 명시된 모듈 설치
+
+##### Node.js에 필요한 모듈 설치
 `$ npm install`
 
-#### 시작
+##### Express 서버 시작
 `$ npm run server`
 
-#### Local Address 접속
-`http://localhost:3000`
 
-
-## 🧑‍💻 팀원
+## 👥 팀원
 - 권동영 (2016110307)
 - 김다솔 (2017110268)
 
 
+
 ## 📋 Reference
 - [**Web Speech API**](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API)
-- [**String-Similarity API**](https://www.npmjs.com/package/string-similarity)
+- [**string-similarity API**](https://www.npmjs.com/package/string-similarity)
+- [**Material-Ui**](https://material-ui.com/)
   
 
+
 ## 📋 License
-Teleprompter-SST is [MIT licensed](./LICENSE).
\ No newline at end of file
+Teleprompter-STT is [MIT licensed](./LICENSE).
+
+<br>
+[👆Back To The Top](#teleprompter-stt)
\ No newline at end of file

 {
-  "name": "teleprompter-frontend",
-  "version": "0.1.0",
+  "name": "teleprompter-stt-frontend",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

 {
-  "name": "teleprompter-frontend",
-  "version": "0.1.0",
+  "name": "teleprompter-stt-frontend",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@material-ui/core": "^4.11.0",

@@ -17,4 +17,4 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
-</html>
+</html>
\ No newline at end of file

@@ -35,4 +35,4 @@
   to {
     transform: rotate(360deg);
   }
-}
+}
\ No newline at end of file

@@ -9,7 +9,7 @@ class App extends Component {
     return (
       <>
         <Route path="/" component={MainPage} exact={true} />
-        <Route path="/prompter:script" component={PrompterPage} exact={true} />
+        <Route path="/prompter" component={PrompterPage} exact={true} />
       </>
     );
   }

-@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
+@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
 
 body {
   margin: 0;

@@ -70,7 +70,7 @@ class MainPage extends Component {
     this.setState({
       script: ''
   })
-    this.props.history.push(`/prompter:${this.script}`);
+    this.props.history.push('/prompter');
 }
   
   // Send script to Server

-import React, { Fragment } from 'react';
+import React, { Fragment, useEffect } from 'react';
 import axios from 'axios'
 import { withStyles, Button} from '@material-ui/core';
 import {
@@ -21,14 +21,16 @@ function PrompterPage({match}) {
   const [progress, setProgress] = React.useState(0);
 
   // Server로부터 Script 받아옴
-  axios.get(`api/${match.params["script"].slice(1)}`)
-    .then(res => {      // .then : 응답(상태코드200~300미만)성공시
-      console.log(res.data);
-      setWords(res.data.split(" ")); // 받아온 Script 문자열 처리
-    })
-    .catch(error => {
-      console.log(error);
-    });
+  useEffect(() => {
+    axios.get('api/script')
+        .then(res => {      // .then : 응답(상태코드200~300미만)성공시
+          console.log(res.data);
+          setWords(res.data.split(" ")); // 받아온 Script 문자열 처리
+        })
+        .catch(error => {
+          console.log(error);
+        });
+    }, [match.params]);
 
   const handleListening = () => {
     if (listening) {

@@ -5,9 +5,9 @@
   "main": "index.js",
   "scripts": {
     "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client",
-    "client": "cd client && yarn start",
+    "client": "cd client && npm run start",
     "server": "nodemon server.js",
-    "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\""
+    "dev": "concurrently --kill-others-on-fail \"npm run server\" \"npm run client\""
   },
   "repository": {
     "type": "git",

@@ -13,14 +13,14 @@ let scriptReceived = "";
 app.get('/api/:script', (req, res) => {
   res.send(
     scriptReceived
-  )
+  );
 });
 
 app.post('/api/:script', (req, res) => {
   scriptReceived = req.body.script;
 });
 
-app.use(express.static(path.join(__dirname, './client/build')));  // 정적파일로 바꿔진 React[front-end]를 Express 서버로 사용하여 기존의 2개의 서버로 운영하는 것을 하나의 서버로 사용할 수 있도록 해줌
+app.use(express.static(path.join(__dirname, './client/build')));  // 정적파일로 바꿔진 React[front-end]를 Express 서버로만 이용할 수 있도록 해줌
 
 app.get('*', (req, res, next)=>{
   res.sendFile(path.join(__dirname, "./client/build", "index.html"));