목차 Click!
U+ 멤버십 혜택을 지도 기반으로 주변 제휴처와 혜택을 빠르게 탐색하고, 혜택 맞춤 추천과 리스트 공유까지 한번에 누릴 수 있는 U+ 멤버십 혜택 플랫폼.
LG U+ 멤버십 생태계는 구조적으로 많은 혜택을 보유하고 있음에도, 실제 사용자 활용률은 매우 저조한 상태입니다.
조사에 따르면 멤버십 미사용의 가장 큰 이유는 “사용법을 몰라서”(42%), 또는 “어디서 쓸 수 있는지 몰라서”인 경우가 많습니다.
복잡한 앱 구조와 정적인 혜택 안내 방식은 사용자 접근성을 떨어뜨리고 있으며, 최근 5년간 233억 원의 포인트가 소멸될 정도로 심각한 활용률 저하 문제가 있습니다.
동시에, 모바일 쿠폰과 위치기반 O2O 시장은 성장 중이며, 디지털 쿠폰 사용률은 33.3%, 종이 쿠폰(24.2%)보다 1.4배 높은 효율성을 보이고 있습니다.
Important
이를 해결하고자
위치 기반 지도 서비스를 통해 사용자가 주변 제휴처와 혜택을 쉽게 탐색하고,
개인 맞춤 추천과 리스트 공유 기능을 제공하여
멤버십 혜택 활용률을 높이는 것을 목표로 합니다.
| 기능 | 설명 |
|---|---|
| 1️⃣ 지도 기반 혜택 탐색 | 사용자의 현재 위치를 기준으로 5km 반경 내 제휴처를 시각화하고, 복잡한 앱 탐색 없이 직관적으로 혜택을 탐색. |
| 2️⃣ 맞춤형 제휴처 추천 | 사용자의 제휴처 이용 이력과 선호 콘텐츠 특성을 분석해 개인화된 제휴 혜택을 추천. |
| 3️⃣ My Map | 사용자가 직접 만든 제휴처 리스트(여름 휴가 코스, 액티비티 모임 등)를 테마별 폴더 저장 및 공유할 수 있는 기능. |
| 4️⃣ 제휴혜택 리스트 | 제휴처 혜택을 필터링과 검색을 통해 쉽게 찾아보기. |
| 5️⃣ 마이페이지 | 사용한 멤버십 활동 내역과 즐겨찾기 목록을 확인. |
| 네비게이션 바 |
• 내 멤버십 바코드 등록 및 어디서든 혜택 사용 지원 (플로팅 버튼) • 각 페이지로 이동할 수 있는 탭 |
|---|---|
| 지도 페이지 |
• 개인화된 맞춤 제휴처 추천 (행동/멤버십 사용 기반 알고리즘) • 현재 위치 중심으로 제휴 매장 마커 시각화 및 혜택 정보 팝업 제공 • 카테고리 및 브랜드 2중 필터링 및 지역 필터링 • 검색기능을 통한 이동가능 • 확대 단계에 따라 클러스터링 UI 제공 • 현재위치로 이동 가능한 버튼 • 즐겨찾기한 매장 마커 표시 토글 버튼 |
| MyMap |
• 테마별 폴더 생성 (예: 여름 휴가 코스, 액티비티 모임 등) • 매장 저장, 수정, 삭제 • 테마별 폴더를 카카오톡 및 외부 공유 링크(URL) 생성 • 공유 링크 클릭 시 해당 매장 지도뷰 진입 |
| 개인화 기능 |
• 할인 받은 총 금액, 관심 브랜드/카테고리 관리 • 즐겨찾기 추가/조회/삭제 • 추천 고도화 (자주 사용하지 않은 유사 매장 제안 등) • 내 정보 수정 및 멤버십 등급 표시 |
| 제휴처 목록 |
• 전체 제휴 브랜드 검색 및 카테고리/브랜드별 필터링 • 각 브랜드 클릭 시 상세 혜택 및 사용 방법 확인 • 로그인한 사용자는 해당 멤버십 등급에 맞는 혜택정보 제공 |
| 인증 / 인가 |
• 카카오 소셜 로그인 및 JWT 기반 인증 • 회원가입 시 설문조사 진행 (선호 브랜드, 카테고리) • 사용자 / 관리자 권한 분리 |
| 추천 알고리즘 |
• 검색/방문/즐겨찾기 등 행동 기반 개인화 추천 • 동일 카테고리 내 미방문 매장 추천 ("여긴 어때요?") • 위치 + 멤버십 등급 조합을 통한 큐레이션 추천 |
| 관리자 기능 |
• 제휴 브랜드 및 매장 정보 추가/수정/삭제 • 전체 사용자 행동 기반 통계 (DAU/MAU, 카테고리 인기도 등) • 매장별 즐겨찾기 현황, 브랜드별 성과 분석 • 관리자 전용 관심 카테고리/브랜드/혜택 분석 리포트 제공 |
새 창 열기 방법 : CTRL+Click (on Windows and Linux) | CMD+Click (on MacOS)
⚙️ Backend Click!
domain/폴더는 기능별 도메인을 독립적으로 구성하여 관심사 분리(SoC)를 실현하고,
각 도메인 내부에 dto, entity, repository, service 등 역할을 구분하여 내부 응집도 높임.
global/ 폴더는 전체 시스템에서 재사용되는 요소들을 한 곳에 모아 중복 제거와 통일성 있는 설정 관리를 목표.
uhyubackend ├── domain # 기능 단위 도메인별 패키지 (관심사 분리) │ ├── apply │ ├── auth │ ├── likes │ ├── store │ └── user │ ├── dto │ ├── entity │ ├── enums │ ├── repository │ └── service │ ├── mypage │ └── recruit │ ├── global # 공통 설정, 예외 처리, 유틸 등 전체 시스템에서 공유되는 로직 관리 │ ├── config │ ├── entity │ ├── exception │ └── util │ ├── UhyuApplication.java │ ├── resources # 환경설정 및 DB 관련 설정 │ ├── db │ │ └── changelog │ └── application.yml
🖥️ Frontend Click!
기능(도메인) 단위로 책임을 분리하여 협업 효율을 극대화.
features/ 에서 역할별 분리로 유지보수와 편의성을 향상하고자 함.
shared/ 는 특정 기능에 종속되지 않는 공통 자원을 관리하며, 재사용 가능한 범용 유틸리티 및 컴포넌트만을 포함.
src/ ├── features/ # 도메인(기능)별 핵심 비즈니스 로직 │ ├── user/ # 사용자 관련 기능 │ │ ├── api/ │ │ │ ├── userApi.ts │ │ │ ├── types.ts │ │ │ └── endpoints.ts # API 경로 상수 정의 (ex. USER_API = "/api/user") │ │ ├── hooks/ │ │ │ ├── useUserQuery.ts │ │ │ └── useUserMutation.ts │ │ ├── components/ │ │ └── index.ts │ ├── auth/ # 인증 (OAuth, JWT) │ ├── map/ # 지도 도메인 │ ├── store/ # 제휴 매장/스토어 도메인 │ ├── footprint/ # 사용자 발자국 도메인 │ ├── mymap/ # 개인 지도 도메인 │ ├── recommendation/ # 추천 알고리즘 도메인 │ └── admin/ # 관리자/통계 도메인 │ ├── shared/ # 프로젝트 전역 공유 리소스 │ ├── components/ # 버튼, 카드 등 공통 UI 컴포넌트 │ ├── hooks/ # 전역 커스텀 훅 │ ├── store/ # 전역 상태관리 (예: 로그인 상태, 모달 등) │ ├── client # axios, query client, intercept 유틸 함수 등 │ ├── constants/ # API_BASE_URL 등 │ └── types/ # 여러 도메인에서 공유되는 전역 타입 │ ├── pages/ # 라우팅 페이지 (React Router 기준) ├── tests/ └── index.tsx
Warning
추후 추가 예정!
새 창 열기 방법 : CTRL+Click (on Windows and Linux) | CMD+Click (on MacOS)
| 프로필 | 이름 & 역할 | 담당 업무 |
|---|---|---|
|
pillow12360Project LeaderFE LeaderFE
|
• FE 인프라 설정 • 지도(제휴처 클릭시 마커렌더링 및 혜택 상세조회, 위치검색, 지도 렌더링 최적화 및 리팩토링, 줌 레벨에 따른 클러스터링, 지역 드롭다운 버튼을 통해서 이동하는 기능, 지도 bottom sheet 드래그 기능 적용) • 온보딩 (회원 가입시 필요한 추가정보 입력 로직 구현) • 기획안 초안 작성 및 수행일지 작성 • Jira를 이용한 프로젝트 전체 일정 관리 및 이슈화 • MSW 라이브러리 도입 및 개발 방법 플로우 적용 • 코드래빗 도입 • StoryBook CICD 자동 배포 설정 • 사용자 권한 분기 처리(관리자/유저) • 전체 페이지 프레임 로직 개선 및 UI 개선 |
|
djlim00BE LeaderBE
|
• 백엔드 프로젝트 초기 세팅 및 ERD 설계 • 브랜드 매장 데이터 크롤링 및 데이터 삽입 • 엔티티 생성 및 응답 코드 통일 • 지도 관련 반경 내 제휴 매장 조회 기능 및 API 연동 • 마커 클릭 매장 상세조회, 필터링 조회, 브랜드 검색 기능 API 연동 • 백/프론트/데이터베이스 배포 및 HTTPS 설정 • 이미지(로고 및 바코드) 관련 AWS S3 저장 유틸클래스 구현 • 서버 응답 속도 문제 개선 • 모니터링 시스템 구현 • 백엔드 CI/CD 구현 • 발표 관련 준비 |
|
heejun8FE
|
• 피그마 와이어프레임 설계 및 디자인(마이페이지, 관리자페이지) • 회원정보, 멤버십 등급, 관심 브랜드, 활동 내역, 즐겨찾기 관리 페이지 및 API 연동 • 관리자 페이지 Rechart 라이브러리 이용하여 통계 시각화 및 브랜드 추가/수정/삭제 기능 구현 • 전체적인 디테일 UI 수정 |
|
leedaye0412FE
|
• 피그마 와이어 프레임 설계 및 디자인(온보딩, 지도, 제휴처 목록 조회, 마이맵) • 공통 컴포넌트 개발(지도 필터탭, 브랜드 검색, 체크박스, BottomNavigation) • 제휴처 리스트 조회 페이지 구현 • MyMap 기획 및 기능 설계, 지도 시각화 및 공유하기 기능 구현 • 코드 리뷰 PLN 방법론 적용 • 바코드 이미지 크롭 모달 및 Bottom Sheet UI 구현 • 매장 즐겨찾기 관련 기능 구현 • import 문 자동 정렬 prettier 설정 • Vercel Speed-insights 추가 • GA(google Analytics) 추가 • 멘토링 내용 필기 및 문서화 |
|
LeesowonBE
|
• OAuth2 기반 카카오 로그인/로그아웃 구현 • JWT 인증인가(토큰 재발급 로직) • 권한별 리소스 접근 허용 제어 • 신규회원 검증 및 리다이렉트 로직 설계 • 전체 브랜드 매장 데이터 크롤링 및 데이터 삽입 • 사용자 매장 추천 알고리즘 설계 • 백엔드 리드미 작성 • 사용자 추천 브랜드 조회 API 구현 • 관리자 브랜드 CRUD 관리 API 구현 • 추천 시스템 행동 로그 저장 및 기반 가중치 기능 구현 • 추천 알고리즘에 즐겨찾기 정보 반영 및 리팩토링 • 유저가 바코드 사용후 방문매장 저장하는 API 구현 • 단일 유저 추천 요청 API 기능 구현 |
|
ihyeeunFE
|
• JIRA 셋팅 및 자동화 도구 추가 • 협업 관련 Notion 문서 정리, Husky 설정 • 데일리스크럼 회의록 작성 • 기획안 및 리드미(Organization, FE Repository) 작성 • 프론트 폴더구조 정립 • 피그마 디자인 토큰 적용 • 공통 컴포넌트 구현(카드, 버튼, 모달) • 서버 공통 응답 형식 정의 및 에러 인터셉터 구현 • MSW 공통 응답 형식 정의 • accessToken 기반 유저 인증 상태관리 로직 구현 • 위치 기반 추천매장 조회 구현 • 바코드 모달 켰을때 방문 처리 및 이미지 업로드 관련 로직 구현 • 사용자 행동 패턴 수집 로직 구현(필터탭 클릭, 마커 클릭) • 사이드바 구현 • 발표 관련 준비 |
|
etoile0626BE
|
• 전체 브랜드 매장 데이터 크롤링 및 데이터 삽입 • 사용자 정보 관련 엔드포인트 구현 • MyMap 엔드포인트 구현 • 즐겨찾기 관련 기능 구현 • 제휴처 목록 관련 기능 구현 • 카테고리 관련 조회 기능 구현 • 추천 데이터 조회 및 근처매장 조회 기능 구현 • 관리자 토탈 통계 조회 기능 구현 • 쿼리 성능 측정 및 개선 • 관련 성능 측정치 문서화 및 가공 |
7인 모든 팀원이 기획, 개발 전 과정을 함께 주도한 협업 프로젝트입니다.
중심 기여 영역을 기준으로 나열했으나, 모든 팀원의 서로의 작업에 적극 참여하며 함께 완성도를 높였습니다.
또한 기능별/시기별 역할을 유연하게 나누고 협업 했습니다!
| 기획안 | 피그마 | 발표자료 | 시연영상 | 노션 |
|---|
 |
 |
 |
|---|---|---|
| 이슈 관리 및 작업 추적 | 소스 코드 관리 및 버전 관리 | 팀 커뮤니케이션 및 PR 알림 |
새 창 열기 방법 : CTRL+Click (on Windows and Linux) | CMD+Click (on MacOS)