YujeLee

README.md 파일 수정

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