플러스프로젝트 배경
1) 문제점
- 대구 지역 상가 매물 정보가 여러 부동산 사이트에 분산되어 비교 검색이 어려움
- 지도 기반 탐색이 불가능해 원하는 위치의 매물을 찾는데 시간 소요
- 권리금 등 핵심 정보가 불투명하게 공개되어 신뢰도 저하
- 모바일 환경에서 매물 검색 UX가 불편해 현장 방문 시 활용도 낮음
2) 프로젝트 목표
- 지도 기반 검색: 대구 전 지역 상가 매물을 지도에서 한눈에 탐색할 수 있는 기능 개발
- 다중 필터링: 지역, 업종, 보증금/월세, 면적 등 세부 조건으로 매물을 필터링하는 기능 개발
- 권한별 정보 공개: 사용자 등급에 따라 권리금 등 민감 정보 열람을 제어하는 시스템 구축
- 모바일 최적화: 현장에서도 편리하게 사용할 수 있는 반응형 웹 구현
3) 주안점
- 직관적인 지도 인터랙션을 통한 빠른 매물 탐색 경험 제공
- 4단계 권한 체계(일반/파트너/스태프/관리자)로 정보 접근 권한 관리
- Zustand 기반 필터 상태 관리로 검색 조건 유지 및 UX 개선
- 무료 인프라(Supabase, Vercel 등) 활용으로 비용 효율성 확보
- 대구 지역 상가 매물 정보가 여러 부동산 사이트에 분산되어 비교 검색이 어려움
- 지도 기반 탐색이 불가능해 원하는 위치의 매물을 찾는데 시간 소요
- 권리금 등 핵심 정보가 불투명하게 공개되어 신뢰도 저하
- 모바일 환경에서 매물 검색 UX가 불편해 현장 방문 시 활용도 낮음
2) 프로젝트 목표
- 지도 기반 검색: 대구 전 지역 상가 매물을 지도에서 한눈에 탐색할 수 있는 기능 개발
- 다중 필터링: 지역, 업종, 보증금/월세, 면적 등 세부 조건으로 매물을 필터링하는 기능 개발
- 권한별 정보 공개: 사용자 등급에 따라 권리금 등 민감 정보 열람을 제어하는 시스템 구축
- 모바일 최적화: 현장에서도 편리하게 사용할 수 있는 반응형 웹 구현
3) 주안점
- 직관적인 지도 인터랙션을 통한 빠른 매물 탐색 경험 제공
- 4단계 권한 체계(일반/파트너/스태프/관리자)로 정보 접근 권한 관리
- Zustand 기반 필터 상태 관리로 검색 조건 유지 및 UX 개선
- 무료 인프라(Supabase, Vercel 등) 활용으로 비용 효율성 확보
프로젝트 성과
매물 탐색 시간 70% 단축 예상
기존 여러 부동산 사이트를 개별 검색하던 방식 대비, 지도 기반 통합 검색으로 원하는 조건의 매물을 찾는 시간을 70% 단축 예상
핵심 기능
지도 기반 매물 탐색
대구 전 지역 상가 매물을 지도에서 마커로 확인하고, 클릭 시 상세 정보 조회
다중 조건 필터링
지역(구/동), 업종, 보증금/월세 범위, 면적, 주차 여부 등 복합 조건으로 매물을 필터링하여 검색 결과 제공
권한별 정보 열람 제어
4단계 사용자 권한(일반/파트너/스태프/관리자)에 따라 권리금 등 민감 정보의 열람 범위를 차등 적용
관리자 매물 관리
관리자 권한으로 매물 등록, 수정, 삭제 및 매물 상태(판매중/예약중/거래완료) 변경이 가능한 관리 페이지
프로젝트 상세
1) 포트폴리오 소개
대구 지역 예비 창업자 및 자영업자를 위한 상가 임대 매물 검색 플랫폼
---
2) 작업 범위
개발 범위
- 화면 설계 및 UI/UX 디자인
- Front-end 개발 (Next.js)
- Back-end API 개발 (Supabase)
- 데이터베이스 설계 (PostgreSQL)
- 관리자 페이지 개발
- 배포 및 운영 (Vercel)
지원 환경
- 반응형 웹 (모바일 최적화)
- Desktop / Mobile Web
---
3) 주요 업무
주요 기능
- 지도 기반 매물 탐색
- 다중 조건 필터링 (지역, 업종, 보증금/월세, 면적 등)
- 권한별 정보 열람 제어 (일반/파트너/스태프/관리자)
- 권리금 비공개 처리 (권한별 마스킹)
- 온라인 문의 폼 (React Hook Form + Zod 검증)
- 사용자 인증
주요 페이지
- 메인 페이지 (지도 + 매물 목록 분할 뷰)
- 매물 상세 페이지 (가격, 시설, 위치 정보)
- 관리자 페이지 (매물 등록/수정/삭제, 사용자 관리)
- 로그인/회원가입 페이지
---
4) 주안점
사용자 경험
- 모바일 퍼스트 설계로 현장에서도 편리한 매물 검색
- 직관적인 지도 인터랙션 (클러스터링, 마커 클릭 시 상세 정보)
권한 기반 정보 보호
- 권리금 등 민감 정보는 권한에 따라 열람 제한
- 4단계 권한 체계 (user → partner → staff → admin)
확장성 있는 아키텍처
- Zustand 기반 전역 상태 관리로 필터 상태 유지
- TanStack Query로 서버 상태 캐싱 및 동기화
- TypeScript 전면 적용으로 타입 안정성 확보
비용 효율적 인프라
- Supabase (무료 티어) + Vercel (무료 배포)
- OpenStreetMap (무료 지도 타일)
대구 지역 예비 창업자 및 자영업자를 위한 상가 임대 매물 검색 플랫폼
---
2) 작업 범위
개발 범위
- 화면 설계 및 UI/UX 디자인
- Front-end 개발 (Next.js)
- Back-end API 개발 (Supabase)
- 데이터베이스 설계 (PostgreSQL)
- 관리자 페이지 개발
- 배포 및 운영 (Vercel)
지원 환경
- 반응형 웹 (모바일 최적화)
- Desktop / Mobile Web
---
3) 주요 업무
주요 기능
- 지도 기반 매물 탐색
- 다중 조건 필터링 (지역, 업종, 보증금/월세, 면적 등)
- 권한별 정보 열람 제어 (일반/파트너/스태프/관리자)
- 권리금 비공개 처리 (권한별 마스킹)
- 온라인 문의 폼 (React Hook Form + Zod 검증)
- 사용자 인증
주요 페이지
- 메인 페이지 (지도 + 매물 목록 분할 뷰)
- 매물 상세 페이지 (가격, 시설, 위치 정보)
- 관리자 페이지 (매물 등록/수정/삭제, 사용자 관리)
- 로그인/회원가입 페이지
---
4) 주안점
사용자 경험
- 모바일 퍼스트 설계로 현장에서도 편리한 매물 검색
- 직관적인 지도 인터랙션 (클러스터링, 마커 클릭 시 상세 정보)
권한 기반 정보 보호
- 권리금 등 민감 정보는 권한에 따라 열람 제한
- 4단계 권한 체계 (user → partner → staff → admin)
확장성 있는 아키텍처
- Zustand 기반 전역 상태 관리로 필터 상태 유지
- TanStack Query로 서버 상태 캐싱 및 동기화
- TypeScript 전면 적용으로 타입 안정성 확보
비용 효율적 인프라
- Supabase (무료 티어) + Vercel (무료 배포)
- OpenStreetMap (무료 지도 타일)
