윤희찬

Add some details in README.md

Showing 1 changed file with 37 additions and 43 deletions
...@@ -9,22 +9,6 @@ ...@@ -9,22 +9,6 @@
9 9
10 10
11 11
12 -<!-- PROJECT SHIELDS -->
13 -<!--
14 -*** I'm using markdown "reference style" links for readability.
15 -*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
16 -*** See the bottom of this document for the declaration of the reference variables
17 -*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
18 -*** https://www.markdownguide.org/basic-syntax/#reference-style-links
19 --->
20 -[![Contributors][contributors-shield]][contributors-url]
21 -[![Forks][forks-shield]][forks-url]
22 -[![Stargazers][stars-shield]][stars-url]
23 -[![Issues][issues-shield]][issues-url]
24 -[![MIT License][license-shield]][license-url]
25 -[![LinkedIn][linkedin-shield]][linkedin-url]
26 -
27 -
28 12
29 <!-- PROJECT LOGO --> 13 <!-- PROJECT LOGO -->
30 <br /> 14 <br />
...@@ -64,7 +48,6 @@ ...@@ -64,7 +48,6 @@
64 <li> 48 <li>
65 <a href="#getting-started">Getting Started</a> 49 <a href="#getting-started">Getting Started</a>
66 <ul> 50 <ul>
67 - <li><a href="#prerequisites">Prerequisites</a></li>
68 <li><a href="#installation">Installation</a></li> 51 <li><a href="#installation">Installation</a></li>
69 </ul> 52 </ul>
70 </li> 53 </li>
...@@ -73,7 +56,6 @@ ...@@ -73,7 +56,6 @@
73 <li><a href="#contributing">Contributing</a></li> 56 <li><a href="#contributing">Contributing</a></li>
74 <li><a href="#license">License</a></li> 57 <li><a href="#license">License</a></li>
75 <li><a href="#contact">Contact</a></li> 58 <li><a href="#contact">Contact</a></li>
76 - <li><a href="#acknowledgments">Acknowledgments</a></li>
77 </ol> 59 </ol>
78 </details> 60 </details>
79 61
...@@ -107,6 +89,9 @@ ...@@ -107,6 +89,9 @@
107 * [Express](https://expressjs.com/ko/) 89 * [Express](https://expressjs.com/ko/)
108 * [Node.js](https://nodejs.org/) 90 * [Node.js](https://nodejs.org/)
109 91
92 + [Server]
93 +* [AWS](https://aws.amazon.com/ko/)
94 +
110 95
111 <p align="right">(<a href="#top">back to top</a>)</p> 96 <p align="right">(<a href="#top">back to top</a>)</p>
112 97
...@@ -119,20 +104,44 @@ ...@@ -119,20 +104,44 @@
119 104
120 _Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._ 105 _Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services._
121 106
122 -1. Get a free API Key at [https://www.edamam.com/](https://www.edamam.com/) and [https://developers.naver.com/main/] and [https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api] 107 +1. Get a free API Key at
108 +* [https://www.edamam.com/](https://www.edamam.com/)
109 +* [https://developers.naver.com/products/login/api/api.md](https://developers.naver.com/products/login/api/api.md)
110 +* [https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api](https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api)
123 2. Clone the repo 111 2. Clone the repo
124 - ```sh 112 + ```
125 git clone http://khuhub.khu.ac.kr/2018102774/Food_recipe_info.git 113 git clone http://khuhub.khu.ac.kr/2018102774/Food_recipe_info.git
126 ``` 114 ```
127 3. Install NPM packages 115 3. Install NPM packages
128 - ```sh 116 + ```
129 npm install 117 npm install
130 ``` 118 ```
131 -4. Enter your API in `main/main.js` 119 +4. Enter your API in
132 - ```js 120 + 1) `main/main.js`
121 + ```
133 const API_ID = 'ENTER YOUR API'; 122 const API_ID = 'ENTER YOUR API';
134 const API_KEY = 'ENTER YOUR API'; 123 const API_KEY = 'ENTER YOUR API';
135 ``` 124 ```
125 + 2) `youtube/`
126 + ```
127 + let apikey = 'ENTER YOUR API';
128 + ```
129 + 3) naver
130 + `index.js`
131 + ```
132 + clientID: 'ENTER YOUR API'
133 + clientSecret: 'ENTER YOUR API'
134 + ```
135 +
136 + `naver_login/callback.html`
137 + ```
138 + naver_id_login( 'ENTER YOUR API', );
139 + ```
140 + 4) kakao
141 + `index.js`
142 + ```
143 + clientID: 'ENTER YOUR API'
144 + ```
136 145
137 146
138 <p align="right">(<a href="#top">back to top</a>)</p> 147 <p align="right">(<a href="#top">back to top</a>)</p>
...@@ -142,9 +151,11 @@ _Below is an example of how you can instruct your audience on installing and set ...@@ -142,9 +151,11 @@ _Below is an example of how you can instruct your audience on installing and set
142 <!-- USAGE EXAMPLES --> 151 <!-- USAGE EXAMPLES -->
143 ## Usage 152 ## Usage
144 153
145 -Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources. 154 +-사이트에 접속하여 상단 카테고리 3개중 1개를 클릭해서 원하시는 나라의 음식영상을 찾아보세요.
155 +<img src="/uploads/43334acd01fda4d1e85c413214eea17a/그림1.png">
146 156
147 -_For more examples, please refer to the [Documentation](https://example.com)_ 157 +-영상을 보고 먹고 싶은 음식의 레시피가 궁금하다면 검색해보세요.
158 +<img src="/uploads/05b7c7e59dc9838fc9aba354fc94e020/그림2.png">
148 159
149 <p align="right">(<a href="#top">back to top</a>)</p> 160 <p align="right">(<a href="#top">back to top</a>)</p>
150 161
...@@ -186,7 +197,7 @@ Don't forget to give the project a star! Thanks again! ...@@ -186,7 +197,7 @@ Don't forget to give the project a star! Thanks again!
186 <!-- LICENSE --> 197 <!-- LICENSE -->
187 ## License 198 ## License
188 199
189 -Distributed under the MIT License. See `LICENSE.txt` for more information. 200 +MIT License.
190 201
191 <p align="right">(<a href="#top">back to top</a>)</p> 202 <p align="right">(<a href="#top">back to top</a>)</p>
192 203
...@@ -207,23 +218,6 @@ Project Link: [http://khuhub.khu.ac.kr/2018102774/Food_recipe_info](http://khuhu ...@@ -207,23 +218,6 @@ Project Link: [http://khuhub.khu.ac.kr/2018102774/Food_recipe_info](http://khuhu
207 218
208 219
209 220
210 -<!-- ACKNOWLEDGMENTS -->
211 -## Acknowledgments
212 -
213 -Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!
214 -
215 -* [Choose an Open Source License](https://choosealicense.com)
216 -* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
217 -* [Malven's Flexbox Cheatsheet](https://flexbox.malven.co/)
218 -* [Malven's Grid Cheatsheet](https://grid.malven.co/)
219 -* [Img Shields](https://shields.io)
220 -* [GitHub Pages](https://pages.github.com)
221 -* [Font Awesome](https://fontawesome.com)
222 -* [React Icons](https://react-icons.github.io/react-icons/search)
223 -
224 -<p align="right">(<a href="#top">back to top</a>)</p>
225 -
226 -
227 221
228 <!-- MARKDOWN LINKS & IMAGES --> 222 <!-- MARKDOWN LINKS & IMAGES -->
229 <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links --> 223 <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
......