Name Last Update
public Loading commit data...
routes Loading commit data...
views Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
app.js Loading commit data...
package-lock.json Loading commit data...
package.json Loading commit data...

Culture Gallery

✔ 목차

소개

메인-화면

한국에서 진행하는 공연 중 본인에게 맞는 공연을 찾을 수 있는 서버입니다.
본인 현재 위치 기반으로 주변에서 진행 하고있는 /진행 될 공연의 정보를 카카오 맵으로 제공합니다.
기간/위치/비용 등의 필터를 통해 본인이 원하는 공연을 검색할 수 있습니다.
카카오 계정 로그인을 통해 보러 가고 싶은 공연을 카카오톡 친구와 공유할 수 있는 기능을 제공합니다.

개발 환경

사용한 API

설치 방법

서버 설치 방법을 소개합니다. 이 방법은 Local에서만 동작합니다.

요구 사항

  • node.js

링크에서 설치할 수 있습니다.

  • npm

node.js와 함께 설치됩니다.
혹은 가장 최신 버전으로 업데이트합니다.

npm install -g npm

설치

  1. 리포지토리 클론
    원하는 디렉토리에서 아래의 명령어를 입력해 이 리포지토리를 가져옵니다. git clone http://khuhub.khu.ac.kr/2019102210/CultureGallery.git
  2. npm 패키지 설치
    서버 실행에 필요한 패키지를 설치합니다. npm install
  3. 포트 변경
    본 웹서비스는 local 환경에서 8000 번 포트를 할당받아 실행됩니다. 8000번 포트에서 실행되고 있는 다른 프로그램 혹은 웹서비스와 동시에 실행될 수 없습니다.

  4. 서버 구동
    터미널에서 본 프로젝트의 디렉토리로 이동한 후 npm start를 실행합니다.

    npm start
    

사용 방법

  1. 본 페이지에서 다운받아 실행하는 경우, IE 8 이상의 웹 브라우저로 localhost:23023에 접속합니다.

    메인-화면

  2. 나의 근처 공연/ 로그인 버튼 중 하나를 선택합니다.
    -기능 1. 나의 근처 공연
    본인의 위치를 받아올 수 있도록 위치 수집 권한을 허락해주세요.
    권한 허용 후 새로고침하면 지도 중심에 본인의 위치가 표시되고 주변의 공연 장소에 마크가 달립니다.
    주변 공연 장소는 지도 아래에 표로 자동 생성됩니다. 이 곳에서 정보를 확인하시고 전송하기 기능을 사용할 수 있습니다.
    전송하기 기능은 카카오톡으로 접근되며, 접근을 위해서는 추가적인 권한 허용이 요구될 수 있습니다.

-기능 2. 검색하기
원하는 필터를 체크한 후, 검색하면 해당 조건을 충족하는 공연들이 나옵니다.
검색창에 입력 시 별도의 검색창으로 이동됩니다. 검색 기준은 제목, 위치, 장소를 통합 반영하여 검색합니다.

-기능 3. 로그인
카카오톡 계정 로그인을 통해 더 많은 기능을 사용해보세요!
로그인을 하면 보러 가고 싶은 공연의 정보를 카카오톡 친구와 공유할 수 있습니다.

라이센스

MIT 라이센스를 따릅니다. 자세한 내용은 License 파일을 확인해주세요.

연락처

이유제: dbwp031@khu.ac.kr
송효섭: crad_on25@khu.ac.kr