서민정 / SEARCH-AND-CHAT

Go to a project
Toggle navigation Toggle navigation pinning
서민정
d32c26d8 1 parent 78c47403

update readme

Inline Side-by-side
Showing 1 changed file with 9 additions and 3 deletions
...@@ -4,11 +4,12 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template) ...@@ -4,11 +4,12 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template)
4 <!-- PROJECT LOGO --> 4 <!-- PROJECT LOGO -->
5 <br /> 5 <br />
6 <p align="center"> 6 <p align="center">
7 - <h3 align="center">SEARCH AND CHAT</h3> 7 + <h1 align="center">SEARCH AND CHAT</h1>
8 +
8 9
9 <p align="center"> 10 <p align="center">
10 웹 페이지로 구현된 챗봇과 대화 및 '@'를 이용하여 최신 영상, 정확도 높은 영상, 소식을 카드로 제공합니다. 11 웹 페이지로 구현된 챗봇과 대화 및 '@'를 이용하여 최신 영상, 정확도 높은 영상, 소식을 카드로 제공합니다.
11 - "http://khuhub.khu.ac.kr/2017103084/oss-chatbot" 12 +
12 <a href="http://khuhub.khu.ac.kr/2017103084/oss-chatbot/">View Demo</a> 13 <a href="http://khuhub.khu.ac.kr/2017103084/oss-chatbot/">View Demo</a>
13 · 14 ·
14 <a href="http://khuhub.khu.ac.kr/2017103084/oss-chatbot/issues">Report Bug</a> 15 <a href="http://khuhub.khu.ac.kr/2017103084/oss-chatbot/issues">Report Bug</a>
...@@ -39,7 +40,7 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template) ...@@ -39,7 +40,7 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template)
39 <!-- ABOUT THE PROJECT --> 40 <!-- ABOUT THE PROJECT -->
40 ## About The Project 41 ## About The Project
41 42
42 -[![Product Name Screen Shot](./projectScreenShot.PNG) 43 +[Product Name Screen Shot](./projectScreenShot.PNG)
43 44
44 카카오톡, 라인 등에서 제공하는 챗봇 어플리케이션과 같이 웹에서도 작동할 수 있는 챗봇을 만들어, 웹 사용자들과 대화할 수 있는 봇을 만들고 싶어 이 프로젝트를 진행하게 되었습니다. 간단한 대화와 더불어 좋아하는 가수, 또는 배우 등의 이름과 함께 검색어를 입력하면 봇이 대신 정보를 가져와주는 편의성을 더하였습니다. 45 카카오톡, 라인 등에서 제공하는 챗봇 어플리케이션과 같이 웹에서도 작동할 수 있는 챗봇을 만들어, 웹 사용자들과 대화할 수 있는 봇을 만들고 싶어 이 프로젝트를 진행하게 되었습니다. 간단한 대화와 더불어 좋아하는 가수, 또는 배우 등의 이름과 함께 검색어를 입력하면 봇이 대신 정보를 가져와주는 편의성을 더하였습니다.
45 46
...@@ -71,14 +72,18 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template) ...@@ -71,14 +72,18 @@ README referred to [Github](https://github.com/othneildrew/Best-README-Template)
71 ```sh 72 ```sh
72 git clone http://khuhub.khu.ac.kr/2017103084/oss-chatbot/ 73 git clone http://khuhub.khu.ac.kr/2017103084/oss-chatbot/
73 ``` 74 ```
75 +
74 2. root 폴더와 client 폴더에서 아래 명령을 실행합니다. 76 2. root 폴더와 client 폴더에서 아래 명령을 실행합니다.
75 ```sh 77 ```sh
76 npm install 78 npm install
77 ``` 79 ```
80 +
78 3. [Google Developers](https://console.developers.google.com/project)에서 프로젝트를 생성한 뒤, API 키를 발급 받습니다. 이 때, 프로젝트 명(ID)과 API 키의 json 파일이 필요합니다. 81 3. [Google Developers](https://console.developers.google.com/project)에서 프로젝트를 생성한 뒤, API 키를 발급 받습니다. 이 때, 프로젝트 명(ID)과 API 키의 json 파일이 필요합니다.
79 82
83 +
80 4. [Dialogflow](https://dialogflow.cloud.google.com/)에서 에이전트를 생성합니다. 이 때, GOOGLE PROJECT 탭의 Project ID는 앞서 (3)에서 생성한 프로젝트의 ID를 선택합니다. 84 4. [Dialogflow](https://dialogflow.cloud.google.com/)에서 에이전트를 생성합니다. 이 때, GOOGLE PROJECT 탭의 Project ID는 앞서 (3)에서 생성한 프로젝트의 ID를 선택합니다.
81 85
86 +
82 5. root 폴더에 .env 파일을 생성한 뒤, 아래 내용을 채워 넣습니다. 87 5. root 폴더에 .env 파일을 생성한 뒤, 아래 내용을 채워 넣습니다.
83 ``` 88 ```
84 googleProjectID = (3)에서 생성한 구글 프로젝트 ID 89 googleProjectID = (3)에서 생성한 구글 프로젝트 ID
...@@ -101,6 +106,7 @@ npm run dev ...@@ -101,6 +106,7 @@ npm run dev
101 해당 프로젝트의 실제 동작 화면은 [SEARCH-AND-CHAT](https://search-and-chat.herokuapp.com/)에서 확인하실 수 있습니다. 106 해당 프로젝트의 실제 동작 화면은 [SEARCH-AND-CHAT](https://search-and-chat.herokuapp.com/)에서 확인하실 수 있습니다.
102 React 의 특성 상 뒤로가기 및 Reload 시 오류가 발생할 수 있습니다. 이 때는 아래 URL로 재접속하시면 원활히 사용하실 수 있습니다. 또한 heroku 로 빌드되어 사용이 없는 경우에는 첫 접속 시 로딩 시간이 걸릴 수 있습니다. 조금만 기다려주시면 프로젝트가 실행될 것입니다 😊 107 React 의 특성 상 뒤로가기 및 Reload 시 오류가 발생할 수 있습니다. 이 때는 아래 URL로 재접속하시면 원활히 사용하실 수 있습니다. 또한 heroku 로 빌드되어 사용이 없는 경우에는 첫 접속 시 로딩 시간이 걸릴 수 있습니다. 조금만 기다려주시면 프로젝트가 실행될 것입니다 😊
103 108
109 +
104 * URL : <https://search-and-chat.herokuapp.com/> 110 * URL : <https://search-and-chat.herokuapp.com/>
105 111
106 112
......