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 | - | ... | ... |
-
Please register or login to post a comment