Vuisiness

내 주변 상권과 관련한 통계 데이터를 보여주는 서비스

시연 영상
2024.04~2024.06

개발 배경

평소 주변에서 어느 위치에서 어떤 사업이 잘 되는지에 관심이 많았습니다. 사업의 흥망은 지리적 위치, 유동 인구 등 여러 요인들이 결정한다고 생각했고, 이를 분석한 데이터를 보여주는 서비스를 제작하고자 했습니다.

사용 기술

협업 도구

공공 빅데이터 출처

소상공인시장진흥공단_상가(상권)정보 - 공공데이터포털
행정동 단위 서울 생활인구(내국인) - 서울 열린데이터 광장
성별/연령대 별 BC카드 결제 금액 통계 데이터 - KT 통신 빅데이터 플랫폼

시작 가이드

    npm install
    npm run dev

---

✨ 주요 기능

지도 상권 표시 📍

• 카카오 지도 api와 카카오 로컬 api를 활용해 지도에 상권 위치를 표시하고 대/중/소 분류로 나누어 보여주는 기능
  • MongoDB의 GeoJSON으로 반경 N미터의 데이터만 가져오게 구현
  • Recoil로 상권과 행정동 정보를 전역 상태로 관리해 Props Drilling 방지

통계 차트 📊

공통

• React memo 사용해 차트 리렌더링 방지

행정동 내 인기 업종 분석

• Chart.js의 Doughnut Chart를 활용해 행정구역 내 업종별 상권 수 파악을 통한 인기 업종 비율 제공

행정동 내 시간대별 인구 변화 > 성별 및 연령대별 인구 변화

• Chart.js의 Bar Chart를 활용해
  • 해당 행정구역 내 특정 요일의 시간대별(0시~23시) 생활 인구 수 변화추이를 제공
  • 특정 요일과 시간대 기준 생활 남녀 비율을 제공

행정동 내 연령대별 소비 선호도 분석

• Chart.js의 Polar Area Chart를 활용해 해당 행정구역 내 특정 성별, 연령대 별 카드 사용 금액 상위 분류를 제공

행정동 내 주중 점심 인기 식당

• Chart.js의 Radar Chart를 활용해 해당 행정구역 내 주중 점심의 가장 많은 생활인구를 파악한 후, 해당 생활인구의 카드 매출을 바탕으로 인기 식당 분류를 제공

행정동 내 식당 개수과 매출 상관관계

• Chart.js의 Scatter Chart를 활용해 행정구역 내 식당 개수과 매출 상관관계를 제공

주말 생활 인구가 많은 지역에서의 인기 숙박업

• Chart.js의 Pie Chart를 활용해 주중 대비 주말 생활 인구 변화폭이 큰 행정동 내 숙박업 현황 제공

---

🤝 팀원 소개

담당	이름	GitHub 아이디
DB 관리	김민주	alswnsp411
프론트엔드	허원일	wonza-hub