Skip to content
@Ureca-Middle-Project-Team4

4EVER0

LG U+ 유레카 프론트엔드 종합프로젝트 4조

MZ세대를 위한 스마트한 LG U+ 혜택 큐레이션 서비스, MoonoZ🐙

경기 불황 속에서 합리적 소비를 추구하는 MZ세대를 위한
AI 기반 LG U+ 요금제 및 구독 서비스 추천 플랫폼

유레카 프론트엔드 개발자 2기 종합 프로젝트 최우수상🥇

WBS플로우 차트API 명세서ERDStorybook

프로젝트 개요

항목 내용
프로젝트명 MoonoZ
팀명 4EVER0
주제 LG U+ 요금제 추천 AI 챗봇 서비스
타겟층 합리적 소비를 추구하는 MZ세대
개발 기간 2025.06.04 ~ 2025.06.26 (약 3주)
팀 구성 5명 (Full-Stack 개발)

개발 동기

  • 시장 배경
    • 최근 경기 불황과 구독료 인상으로 MZ세대의 합리적 소비 지향이 뚜렷해짐
    • 최근 LG유플러스의 '유독픽' 과 같은 구독 통합 상품이 20·30대 가입자 비중 71% 달성
    • 개인 라이프스타일 최적화된 통합 서비스에 대한 수요 급증
  • 개발 목표
    • AI 챗봇 기반 성향 분석을 통한 맞춤형 요금제 및 서비스 추천
    • MZ세대의 스마트한 통신 라이프스타일 지원

시연 영상

시연 영상

주요 기능

1. AI 기반 멀티턴 챗봇 & 요금제 추천

  • LangChain + OpenAI 템플릿 아키텍처
  • 자연어 기반 LG U+ 요금제/구독 추천
  • Redis 기반 멀티턴 세션 저장 및 흐름 전환
  • StreamingThrottle 기반 청크 지연 조절
  • 커스텀 훅 useStreamingChat으로 카드 응답 처리

2. 위치 기반 팝업스토어 정보 & 쿠폰 혜택 제공

  • Naver 지도 API 및 Reverse Geocoding 활용
  • 내 위치 주변 팝업스토어 및 선호 브랜드 기반 쿠폰 추천
  • 선호 브랜드 저장 기능

3. 미션 중심 인터랙션 & 유플투쁠 시스템

  • 출석, 공유, 탐색 등 참여형 미션 구성
  • 포인트 획득 → 혜택 연계 구조 설계
  • 연속 출석 보상 및 유플투쁠 게이미피케이션 적용

4. 마이페이지에서 혜택 및 이용 현황 확인

  • 나의 혜택/포인트/미션 내역 한눈에 확인
  • UI 기반 시각화 제공
  • 사용자 참여 히스토리 기반 맞춤 정보 제공

5. 접근 제어 및 로그인 유도 기능

  • 핵심 기능 보호 + 손쉬운 접근 가능
  • 자연스러운 로그인 흐름 유도
  • 비회원 최대 5회 채팅, 일부 기능만 체험 가능

팀원 소개 및 역할

프로필 이름 주요 역할 및 기여 내용
이영주
@abyss-s
전체 프로젝트 총괄 리더
- 워크플로우, 시스템 아키텍처 설계
- LangChain 기반 AI 챗봇 및 스트리밍 처리
- 사용자 반응 기반 동적 스트리밍 응답 시스템 설계
- 채팅*요금제·구독 API 개발
- Naver 지도 API 연동
- 모달 전역 상태 관리 설계
- 유독픽, 무너톡, 요금제 UI 개발
박교녕
@kny0ng125
DevOps & 배포 리드
- OAuth 로그인 및 콜백 구현
- JWT 인증·전역 상태 관리
- Google/Naver API 매장 탐색 기능
- SNS 공유 기능 및 UI
- 마이페이지·핫플 UI 개발
- 브랜드 별 좋아요 관리
- AWS 기반 CI/CD 및 인프라 구성
박지회
@jihoi0615
기획/디자인 리드
- 플로우 차트 및 서비스 기획
- 쿠폰·팝업스토어·유플투쁠 ERD 설계
- 좋아요·BEST 3 혜택 API 개발
- 공통 컴포넌트 및 스토리북 제작
- 요금제·핫플·홈·타코시그널 UI
- Moonoz 가이드북 제작
- 시연 영상 구성 및 음성 녹음
이은채
@eunchrri
QA 리드
- 미션·출석·유플투쁠 ERD 및 API 개발
- UI 기획 및 캘린더 컴포넌트 제작
- 출석, 미션, 유플투쁠 페이지 UI 구현
- 스토리북 제작 및 컴포넌트 관리
- 달력 상태 렌더링 구현
- 코드 리팩토링 및 컴포넌트 분리
홍민주
@illustermin
스크럼 리드
- 브랜드, 쿠폰 ERD 설계 및 API 개발
- 마이페이지·쿠폰함·타코시그널 UI 기획 및 구현
- 홈·인트로·튜토리얼 페이지 UI
- 공통 컴포넌트 및 전체 Layout 설계
- 로딩 및 404 페이지 UI

기술 스택

분야 기술 스택
Frontend React TypeScript Vite TailwindCSS Zustand React Query Axios
Backend Spring Boot JWT OAuth2 MySQL Redis JPA Swagger
AI Server FastAPI LangChain OpenAI SQLAlchemy
Infrastructure Docker AWS EC2 AWS RDS AWS S3 ALB Route 53 Vercel
Development Tools Git GitHub Jira Notion Confluence Discord Figma
UI/UX & Testing Shadcn/ui Storybook ESLint Prettier Husky

시스템 아키텍처

system-architecture

AI 챗봇 동적 스트리밍 제어 아키텍처

Mermaid Chart - Create complex, visual diagrams with text  A smarter way of creating diagrams -2025-06-26-170728


Team 4EVER0 | LG U+ URECA 프론트엔드 개발자 과정 2기 종합프로젝트 4조

Pinned Loading

  1. 4EVER0-FE 4EVER0-FE Public

    MZ세대를 위한 스마트한 LG U+ 혜택 큐레이션 서비스, MoonoZ🐙

    TypeScript 3 6

  2. 4EVER0-BE 4EVER0-BE Public

    Java

  3. 4EVER0-AI 4EVER0-AI Public

    Python

Repositories

Showing 4 of 4 repositories

Top languages

Loading…

Most used topics

Loading…