Showing
1 changed file
with
21 additions
and
15 deletions
1 | # Culture Gallery | 1 | # Culture Gallery |
2 | 2 | ||
3 | +## 사이트 주소 | ||
4 | +https://culturegallery.herokuapp.com/ | ||
3 | ## ✔ 목차 | 5 | ## ✔ 목차 |
4 | - [✔ 목차](#-목차) | 6 | - [✔ 목차](#-목차) |
5 | - [소개](#-소개) | 7 | - [소개](#-소개) |
... | @@ -9,9 +11,8 @@ | ... | @@ -9,9 +11,8 @@ |
9 | - [요구 사항](#요구-사항) | 11 | - [요구 사항](#요구-사항) |
10 | - [설치](#설치) | 12 | - [설치](#설치) |
11 | - [사용 방법](#-사용-방법) | 13 | - [사용 방법](#-사용-방법) |
12 | -- [기여하기](#️-기여하기) | ||
13 | -- [라이센스](#-라이센스) | ||
14 | - [연락처](#-연락처) | 14 | - [연락처](#-연락처) |
15 | +- [개선 필요 내용](#-개선 필요 내용 ) | ||
15 | 16 | ||
16 | ## 소개 | 17 | ## 소개 |
17 | ![메인-화면](public/images/mainpage.jpg) | 18 | ![메인-화면](public/images/mainpage.jpg) |
... | @@ -24,8 +25,8 @@ | ... | @@ -24,8 +25,8 @@ |
24 | ### 개발 환경 | 25 | ### 개발 환경 |
25 | * [node.js - 14.15.1 LTS](https://nodejs.org/ko/) | 26 | * [node.js - 14.15.1 LTS](https://nodejs.org/ko/) |
26 | * [Express - 4.17.1](https://expressjs.com/ko/) | 27 | * [Express - 4.17.1](https://expressjs.com/ko/) |
27 | -* [HTML5] | 28 | +* HTML5 |
28 | -* [CSS3] | 29 | +* CSS3 |
29 | 30 | ||
30 | ### 사용한 API | 31 | ### 사용한 API |
31 | * [Kakaomap Maps API](https://apis.map.kakao.com/) | 32 | * [Kakaomap Maps API](https://apis.map.kakao.com/) |
... | @@ -59,8 +60,8 @@ npm install -g npm | ... | @@ -59,8 +60,8 @@ npm install -g npm |
59 | npm install | 60 | npm install |
60 | ``` | 61 | ``` |
61 | 3. 포트 변경 | 62 | 3. 포트 변경 |
62 | - 본 웹서비스는 local 환경에서 8000 번 포트를 할당받아 실행됩니다. | 63 | + 본 웹서비스는 local 환경에서 23023 번 포트를 할당받아 실행됩니다. |
63 | - 8000번 포트에서 실행되고 있는 다른 프로그램 혹은 웹서비스와 동시에 실행될 수 없습니다. | 64 | + 23023번 포트에서 실행되고 있는 다른 프로그램 혹은 웹서비스와 동시에 실행될 수 없습니다. |
64 | 65 | ||
65 | 4. 서버 구동 | 66 | 4. 서버 구동 |
66 | 터미널에서 본 프로젝트의 디렉토리로 이동한 후 npm start를 실행합니다. | 67 | 터미널에서 본 프로젝트의 디렉토리로 이동한 후 npm start를 실행합니다. |
... | @@ -72,23 +73,28 @@ npm install -g npm | ... | @@ -72,23 +73,28 @@ npm install -g npm |
72 | 1. 본 페이지에서 다운받아 실행하는 경우, IE 8 이상의 웹 브라우저로 localhost:23023에 접속합니다. | 73 | 1. 본 페이지에서 다운받아 실행하는 경우, IE 8 이상의 웹 브라우저로 localhost:23023에 접속합니다. |
73 | ![메인-화면](public/images/mainpage.jpg)<br> | 74 | ![메인-화면](public/images/mainpage.jpg)<br> |
74 | 75 | ||
75 | -2. 나의 근처 공연/ 로그인 버튼 중 하나를 선택합니다.<br> | 76 | +2. 나의 근처 공연/ 로그인 버튼/ 검색 버튼 중 하나를 선택합니다.<br> |
76 | --기능 1. 나의 근처 공연<br> | 77 | +* 기능 1. 나의 근처 공연<br> |
77 | 본인의 위치를 받아올 수 있도록 위치 수집 권한을 허락해주세요.<br> | 78 | 본인의 위치를 받아올 수 있도록 위치 수집 권한을 허락해주세요.<br> |
78 | 권한 허용 후 새로고침하면 지도 중심에 본인의 위치가 표시되고 주변의 공연 장소에 마크가 달립니다.<br> | 79 | 권한 허용 후 새로고침하면 지도 중심에 본인의 위치가 표시되고 주변의 공연 장소에 마크가 달립니다.<br> |
80 | + 마크에 마우스를 올려놓으면 해당 공연의 id와 공연 이름이 검색됩니다.<br> | ||
79 | 주변 공연 장소는 지도 아래에 표로 자동 생성됩니다. 이 곳에서 정보를 확인하시고 전송하기 기능을 사용할 수 있습니다.<br> | 81 | 주변 공연 장소는 지도 아래에 표로 자동 생성됩니다. 이 곳에서 정보를 확인하시고 전송하기 기능을 사용할 수 있습니다.<br> |
80 | 전송하기 기능은 카카오톡으로 접근되며, 접근을 위해서는 추가적인 권한 허용이 요구될 수 있습니다. | 82 | 전송하기 기능은 카카오톡으로 접근되며, 접근을 위해서는 추가적인 권한 허용이 요구될 수 있습니다. |
81 | 83 | ||
82 | --기능 2. 검색하기<br> | 84 | +* 기능 2. 로그인<br> |
83 | - 원하는 필터를 체크한 후, 검색하면 해당 조건을 충족하는 공연들이 나옵니다.<br> | ||
84 | - 검색창에 입력 시 별도의 검색창으로 이동됩니다. 검색 기준은 제목, 위치, 장소를 통합 반영하여 검색합니다.<br> | ||
85 | - | ||
86 | --기능 3. 로그인<br> | ||
87 | 카카오톡 계정 로그인을 통해 더 많은 기능을 사용해보세요!<br> | 85 | 카카오톡 계정 로그인을 통해 더 많은 기능을 사용해보세요!<br> |
88 | 로그인을 하면 보러 가고 싶은 공연의 정보를 카카오톡 친구와 공유할 수 있습니다.<br> | 86 | 로그인을 하면 보러 가고 싶은 공연의 정보를 카카오톡 친구와 공유할 수 있습니다.<br> |
89 | 87 | ||
90 | -## 라이센스 | 88 | +* 기능 3. 검색하기<br> |
91 | -MIT 라이센스를 따릅니다. 자세한 내용은 `License` 파일을 확인해주세요. | 89 | + 메인화면에서 검색버튼을 눌러주세요<br> |
90 | + 검색 페이지로 넘어가면 찾고자 하는 공연의 이름을 적어주세요.<br> | ||
91 | + 결과로 공연 이름에 입력 정보를 포함하는 공연들의 표가 나옵니다.<br> | ||
92 | + | ||
93 | +## 개선 필요 내용 | ||
94 | +* db 내용 검색 기능 개선 필요.<br> | ||
95 | +* 비동기식 코드 동기식으로 변경 필요<br> | ||
96 | +* 검색하기 페이지에서 여러번 검색시 테이블 초기화 필요<br> | ||
97 | + | ||
92 | 98 | ||
93 | ## 연락처 | 99 | ## 연락처 |
94 | 이유제: dbwp031@khu.ac.kr<br> | 100 | 이유제: dbwp031@khu.ac.kr<br> | ... | ... |
-
Please register or login to post a comment