검색창에 정확한 상품명을 넣을 줄 아는 사람은 많지 않습니다. 이 앱은 넥밴드 선풍기 추천처럼 말로 물어보면, AI가 후보를 골라주고 왜 그걸 골랐는지까지 말해줍니다. 기획과 화면 설계, 디자인, 프론트엔드와 백엔드 개발까지 한 팀에서 만들었습니다. ㅡ풀어야 했던 문제 - 가격 비교, 추적 앱은 이미 많습니다. 같은 걸 하나 더 만들면 이길 이유가 없었습니다 - 사용자는 상품명을 모릅니다. 손목 안 아픈 마우스, 여름 휴가 필수템처럼 상황으로 말합니다 - AI에게 그냥 물으면 그럴듯한 거짓말을 합니다. 추천의 근거를 실제 데이터에 묶어야 했습니다 ㅡStudio Maestiq 수행 범위 - 기획, 정보구조 설계, UI 디자인, 프론트엔드 개발, 백엔드 개발 ㅡ기술 스택, 인프라 - 프론트엔드: React 19 + TypeScript + Vite, 모바일 전용 레이아웃과 자체 디자인 토큰 - 백엔드: Cloudflare Workers + D1 ㅡ 상품과 가격 이력을 엣지에서 조회 - AI 추천: LLM 연동 ㅡ 국내에서 직접 호출이 막히는 문제를 게이트웨이 경유로 우회 - 수집 파이프라인: 스케줄 크론으로 상품, 가격을 주기 축적 - 안전장치: LLM이 응답하지 못할 때 사용자 문장을 그대로 되쓰지 않고 안내로 떨어지는 fallback ㅡ핵심, 대화형 AI 큐레이션 1. 질문 해석 ㅡ 넥밴드 선풍기 추천처럼 말하면 카테고리와 조건을 해석해 후보를 좁힙니다. 사용자가 정확한 검색어를 몰라도 됩니다. 2. 추천 이유 생성 ㅡ 왜 이 상품인지 한 문단으로 설명합니다. 맨 앞에 둔 상품은 추적한 가격 중 지금이 가장 낮다는 식으로, 판단 근거를 문장에 담습니다. 3. 근거는 실제 데이터에서만 ㅡ AI가 값을 지어내지 않습니다. 역대 최저 여부와 하락률은 쌓아 둔 가격 이력에서 계산한 값을 씁니다. 추천 문장과 카드의 숫자가 항상 같은 출처입니다. 4. 결과 카드와 후속 질문 ㅡ 고른 상품을 카드로 늘어놓고, 더 저렴한 거, 게이밍용 같은 다음 질문을 제안해 대화가 이어지게 했습니다. 5. 대화에서 추적으로 ㅡ 카드에서 바로 알림을 켜면 그 상품만 가격을 추적합니다. 사용자가 켠 것만 동작하는 구조라 알림 피로가 없습니다. ㅡ그 밖의 화면 - 가격 하락 피드: 역대 최저, 하락률, 가격대 필터로 오늘 값이 떨어진 상품만 모아 봅니다 - 상품 상세: 역대 최저가 대비 지금 위치를 판정 문구로 보여주고, 찜하면 가격 추이 그래프로 이어집니다 - 딜 오판 차단: 할인 판정을 같은 행 안에서 비교하면 수집기가 값을 덮어쓸 때 오판이 납니다. 딜 이전 시점 스냅샷과 비교하도록 설계해 수집 방식이 바뀌어도 판정이 흔들리지 않습니다 ㅡ작업 규모 화면 7종, UI 컴포넌트 39종, 백엔드 모듈 39개, DB 마이그레이션 5종 누적 상품 데이터 145만 건 규모, 기획 문서 10종(PRD, 유저 플로우, 심사 체크리스트 포함) 스크린샷은 실제 서버에 붙은 상태에서 촬영한 실데이터 화면입니다. 이 작업은 출시 전 개발 단계 산출물입니다. 의뢰 관계상 서비스명, 로고, 연동한 플랫폼 이름은 가렸습니다. 앱을 처음부터 만들 팀을 찾고 계시다면, 기획과 디자인부터 AI 연동, 백엔드까지 한 번에 진행해 드립니다. 편하게 상담 남겨주세요.