YujeLee

README.md 파일 수정

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>
......