복잡한 통신사 요금제, 단말기 지원금 및 가게 지원금을 실시간으로 등록 및 견적 제시하는 통합 웹 플랫폼 기술 스택 -React 19 & TypeScript -Vite 7 -Redux Toolkit & RTK Query -Leaflet & xlsx -Firebase Hosting -Java Spring 소비자용 화면

메인화면

기기 비교(구매 비추천 설정시)

기기 비교

매장 지도 --------------------------------------------------------------------------------- 고객용 핵심 서비스 -실시간 특가 모니터링 (TOP 6): 공시지원금과 선택약정 할인율을 실시간으로 비교 분석하여, 현재 시장에서 가장 혜택이 큰 기기 6종을 메인 화면에 큐레이션합니다. -지능형 기기 비교 및 견적 엔진: 사용자가 선택한 단말기와 요금제에 따라 '월 실부담금'을 자동 계산하며, 공시지원금과 선택약정 중 어떤 방식이 유리한지 시각적인 비교 지표를 제공합니다. -위치 기반 매장 탐색: 사용자의 현재 위치를 기반으로 인근 매장을 지도 위에 표시하며, 지점별 상세 정보와 해시태그를 통해 원하는 매장을 빠르게 찾을 수 있도록 지원합니다. -실시간 가격 정책 적용:각 기기 상세 페이지에서 관리자가 엑셀파일을 기반으로 책정한 가격을 중심으로 각 요금제에 따른 통신사 지원금 및 매장 자체 지원금을 책정 및 표시. 추가 설정 시 특정한 휴대폰 기기에 대하여 구매 비추천 설정 가능 --------------------------------------------------------------------------------- 관리자용 화면

등록된 기기 전체보기

기기등록 클릭시

메인화면 노출 top6 설정(등록된 기기 기준)

재고/개통 관리

개통 내역 확인

개통 등록: 재고에 없을 시 재고 등록과 개통 등록 동시에

지원금 관리: 엑셀을 이용하여 전체 수정,삭제 및 추가

요금제 관리: 직접 편집 혹은 엑셀 이용한 전체 편집 --------------------------------------------------------------------------------- 관리자 통합 관제 시스템 (Admin System) -엑셀 기반 대량 데이터 관리: 수시로 변하는 통신사별 지원금과 요금제 정보를 엑셀 업로드 방식을 통해 한 번에 업데이트할 수 있는 워크플로우를 구축하여 운영 효율성을 높였습니다. -정밀한 기기 및 매장 제어: 단말기 모델의 등록부터 수정, 삭제는 물론 각 지점별 재고 상태와 매장 정보를 실시간으로 관리하고 업데이트할 수 있습니다. -개통 및 재고 추적 시스템: 관리자 전체의 개통 이력을 모니터링하며, 누가 어떤 건을 처리했는지에 대한 상세 정보(ownerLoginId 등)를 포함하여 투명한 운영 관리를 지원합니다. -유저 및 권한 관리: 신규 유저 발급 시 매장(Branch) 정보를 동시에 생성하는 API 연동 로직을 구현하여, 파트너 계정 생성과 매장 등록 절차를 간소화했습니다. -게시글 및 프로모션 관리: 홈 화면의 배너와 공지사항, 프로모션 콘텐츠를 관리자 패널에서 즉시 제어하여 마케팅 대응 속도를 높였습니다. --------------------------------------------------------------------------------- 시스템 아키텍처 및 데이터 흐름 이 프로젝트는 Spring Boot 기반의 GCP 서버와 긴밀하게 통신하며, 특히 관리자 API는 JWT 기반의 Bearer 인증을 통해 철저한 보안을 유지합니다. -데이터 연동: Vite Proxy 설정을 통해 개발 환경과 운영 환경의 API 호출을 최적화했습니다. -상태 동기화: 엑셀로 업로드된 원천 데이터가 서버를 거쳐 다시 RTK Query를 통해 전역 상태로 관리되는 일련의 과정을 동기화하여, 관리자와 사용자 간의 데이터 정합성을 확보했습니다.