프로젝트 배경
1) 예상 리스크 및 대응 계획 - 수백 개 매체 마커를 동시 렌더링할 때 지도 성능 저하를 MarkerClustering과 뷰포트 기반 지연 로딩으로 해결 필요 - 엑셀 수백 행 업로드 시 부분 실패에 대한 롤백/부분 커밋 정책과 행별 오류 리포트 반환 구조 설계 필요 - 디지털/아날로그·실내외·타겟군 다중 필터 조합 시 쿼리 복잡도를 Prisma where 빌더 패턴으로 동적 조건 관리 필요 - p
프로젝트 성과
Naver Maps + PostGIS 반경 검색 연동 구현
지도 뷰포트 변화에 반응하는 동적 반경 쿼리 구조를 설계하고 PostGIS ST_DWithin 기반 공간 인덱스 매체 검색 API를 구현할 예정
엑셀 대량 업로드 파이프라인 설계
xlsx 라이브러리로 엑셀 파일을 파싱하고 Prisma 트랜잭션 기반 bulkCreate로 오류 롤백을 지원하는 대량 업로드 API를 구축할 예정
pptxgenjs 기반 제안서 자동 생성 구현
매체 정보, 지도 스크린샷, 가격표를 조합하여 고객사 맞춤 제안서 PPT를 서버 사이드에서 자동 생성하는 템플릿 엔진을 설계할 예정
React DnD CRM 칸반 보드 구현
드래그 앤 드롭으로 문의 상태(접수→검토→견적→계약)를 전환하는 Kanban UI를 React DnD로 구현하고 낙관적 업데이트 패턴을 적용할 예정
Zustand 크로스 페이지 장바구니 상태 관리 구현
페이지 이동 시에도 선택 매체 목록이 유지되는 Zustand 전역 스토어 구조를 설계하고 세션 스토리지 연동 새로고침 복원 로직을 적용할 예정
핵심 기능
진행 단계
매체 도메인 분석 및 PostGIS DB 설계
2026.03.
옥외광고 매체 속성 분석, PostgreSQL+PostGIS 공간 테이블 12개 정의 및 공간 인덱스 설계
프로젝트 상세
1) 포트폴리오 소개 네이버 지도 API 기반 위치 검색과 다중 필터를 결합한 옥외광고 매체 중개 웹 플랫폼을 React + Node.js + PostgreSQL로 설계·구현할 예정. 매체 장바구니 문의, 관리자 CRM, 엑셀 대량 업로드, 자동 제안서 생성 기능을 포함한 통합 시스템을 구축할 예정. 2) 작업 범위 - 지도 기반 매체 검색: 네이버 지도 위에 광고 매체를 핀으로 표시하고 반경/카테고







