김대철

Update README.md

Showing 1 changed file with 9 additions and 19 deletions
...@@ -54,15 +54,15 @@ https://2015104153.oss2021.tk:3000 ...@@ -54,15 +54,15 @@ https://2015104153.oss2021.tk:3000
54 2. 카카오 Developer 가입 후 애플리케이션 추가 후 Javascript API키 발급 (https://developers.kakao.com/) 54 2. 카카오 Developer 가입 후 애플리케이션 추가 후 Javascript API키 발급 (https://developers.kakao.com/)
55 3. sql폴더에 정의된 테이블 생성문 MySQL에서 실행 55 3. sql폴더에 정의된 테이블 생성문 MySQL에서 실행
56 4. KHU-HUB repo clone 56 4. KHU-HUB repo clone
57 - ```sh 57 + ```
58 git clone http://khuhub.khu.ac.kr/2015104153/CafeRecommend 58 git clone http://khuhub.khu.ac.kr/2015104153/CafeRecommend
59 ``` 59 ```
60 5. 디렉토리 이동 후 npm 패키지 설치 60 5. 디렉토리 이동 후 npm 패키지 설치
61 - ```sh 61 + ```
62 npm install 62 npm install
63 ``` 63 ```
64 -6. 발급받은 ClientID를 `index.js`, `index.ejs`, Javascript API키는 `map.ejs`에 각각 넣기 64 +6. 발급받은 구글 로그인 ClientID를 `index.js`, `index.ejs`, 지도 API키를 `map.ejs`에 각각 넣기
65 - ```JS 65 + ```
66 var CLIENT_ID = "발급받은 ClientID" // index.js 66 var CLIENT_ID = "발급받은 ClientID" // index.js
67 ``` 67 ```
68 68
...@@ -74,7 +74,7 @@ https://2015104153.oss2021.tk:3000 ...@@ -74,7 +74,7 @@ https://2015104153.oss2021.tk:3000
74 <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은API키&libraries=services"></script> // map.ejs 74 <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은API키&libraries=services"></script> // map.ejs
75 ``` 75 ```
76 7. MySQL connection 연결 설정 (index.js) 76 7. MySQL connection 연결 설정 (index.js)
77 - ```JS 77 + ```
78 var connection = mysql.createConnection({ 78 var connection = mysql.createConnection({
79 host: "IP주소 입력 (localhost 또는 AWS 서버 주소)", 79 host: "IP주소 입력 (localhost 또는 AWS 서버 주소)",
80 user: "계정 입력", 80 user: "계정 입력",
...@@ -83,24 +83,15 @@ https://2015104153.oss2021.tk:3000 ...@@ -83,24 +83,15 @@ https://2015104153.oss2021.tk:3000
83 }); 83 });
84 ``` 84 ```
85 8. 프로그램 실행 85 8. 프로그램 실행
86 - ```sh 86 + ```
87 npm run start 87 npm run start
88 ``` 88 ```
89 89
90 <!-- USAGE --> 90 <!-- USAGE -->
91 ## Usage 91 ## Usage
92 - 92 +1. 로그인 및 회원가입
93 -### Login & SignUp 93 +2. 지도에서의 카페 보여주기 및 카페추천
94 -프로그램 실행 시 최초에 나타나는 화면입니다. 구글 로그인 버튼 클릭 시에는 구글계정으로만 로그인을 수행합니다. 계정이 등록된 경우에는 94 +3. 선택된 카페 상세정보 확인 및 후기(점수)등록
95 -바로 Map 화면으로 이동하며 그렇지 않은 경우 회원가입화면에서 닉네임(중복 불가), 나이, 성별입력 및 선호도를 선택을 수행합니다.
96 -### Map
97 -프로젝트 메인 화면입니다. 지도에 줌인.줌아웃이 가능하며 초기에는 사용자의 현재 위치를 기준으로 위치로 이동합니다.
98 -API를 통해 제공된 45개의 카페가 마커형태로 나타나며 클릭 시 상세정보를 보여줍니다. 이때 후기등록 버튼 클릭시에는 후기 등록 화면으로 이동합니다.
99 -### Review
100 -후기입력화면입니다. 총 4가지를 1~5점 범위에서 입력받습니다. 4가지를 모두 입력받아야 하며 등록 완료시에는 alert메시지가 나오고 Map화면으로 돌아갑니다.
101 -### Recommend
102 -Map에서 화면 하단의 추천 버튼 클릭 시 나타나는 화면입니다. 추천 버튼을 클릭하면 가입 시 선택했던 선호도에 맞는 카페만을 지도에 보여줍니다.
103 -이때 추천 결과가 없는 경우에는 추천을 수행하지 않고 모든 카페를 보여줍니다.
104 95
105 <!-- CONTRIBUTING --> 96 <!-- CONTRIBUTING -->
106 ## Contributing 97 ## Contributing
...@@ -122,4 +113,3 @@ Map에서 화면 하단의 추천 버튼 클릭 시 나타나는 화면입니다 ...@@ -122,4 +113,3 @@ Map에서 화면 하단의 추천 버튼 클릭 시 나타나는 화면입니다
122 113
123 114
124 <a href="https://github.com/cjm2021401">Github Link</a> 115 <a href="https://github.com/cjm2021401">Github Link</a>
125 -
......