사진 기반 지역·가격 맞춤 쇼핑 추천 사이트를 만들 때의 진행 방향을 정리해 드리니다.
1. 전체 흐름 정리
- 사진 업로드 → 2. 이미지 분석(무엇인지 파악) → 3. 지역·가격 설정 → 4. 쇼핑몰 API로 상품 검색 → 5. 결과 표시
2. 단계별로 필요한 것
① 이미지 분석 (사진이 무엇인지 파악)
- 역할: 업로드한 사진에서 “검색할 키워드”를 뽑아냄
(예: 옷, 가방, 신발, 특정 브랜드 등)
- 방법 예시:
- Google Cloud Vision API – 라벨/객체 감지
- AWS Rekognition – 객체·텍스트 감지
- Clarifai – 제품/이미지 태깅
- 또는 ChatGPT Vision / Claude Vision 같은 멀티모달 API로 “이 사진에 있는 상품을 쇼핑 검색용 키워드로 바꿔줘”라고 요청
한국어·한국 상품에 맞추려면, 이미지 분석 결과를 한국어 검색어로 한 번 더 변환하는 단계를 두는 것이 좋습니다.
② 지역(국가/쇼핑몰) 설정
- 사용자에게 지역 또는 이용할 쇼핑몰을 선택하게 하기
(예: 한국 → 쿠팡, 동남아 → 쇼피 등)
- 선택에 따라 호출할 API를 나눕니다.
③ 쇼핑몰 API 연동
| 플랫폼 | 연동 방식 | 참고 사항 |
|---|---|---|
| 쿠팡 | Coupang Partners(제휴) API | 가입·승인 필요, 수수료/정책 확인 |
| 쇼피 | Shopee Open API | 국가별 API, 셀러/파트너 가입 필요 |
| 기타 | 각 사 셀러/제휴·오픈 API 문서 | 네이버 쇼핑, 11번가 등도 제휴 검색 |
- “설정한 가격대”는 각 API의 최소/최대 가격 필터가 있으면 그걸 쓰고, 없으면 검색 결과를 받은 뒤 서버에서 가격으로 필터링하면 됩니다.
④ 백엔드·프론트 구성
- 백엔드: 이미지 분석 API 호출 + 쇼핑몰 API 호출 + 가격 필터 + (선택) 사용자 설정 저장
- 언어: Node.js, Python 등 편한 것
- 이미지 분석을 Python으로 하고 나머지를 Node로 할 수도 있음
- 프론트:
- 사진 업로드(드래그 or 파일 선택)
- 지역/쇼핑몰 선택
- 최소/최대 가격 입력
- 분석 결과(추출된 키워드) + 상품 목록(썸네일, 가격, 링크) 표시
3. 추천 진행 순서
- 기술 스택 정하기
- 프론트: React/Next.js 또는 Vue 등
- 백엔드: Node(Express) 또는 Python(FastAPI)
- 이미지 분석: 위 API 중 하나(무료 티어 있는 것부터 시작 가능)
- 이미지 → 검색 키워드만 먼저 구현
- 사진 업로드 → Vision API 호출 → “이 상품을 쇼핑 검색할 때 쓸 키워드 3~5개”를 받는 것까지 구현
- 이 단계는 쇼핑 API 없이도 테스트 가능
- 한 개 쇼핑몰만 연동
- 예: 쿠팡 파트너 가입 후, “키워드 + 가격대”로 상품 검색 API 호출 → 화면에 리스트만 띄우기
- 지역/쇼핑몰 선택 + 가격대 필터 추가
- 지역별로 호출할 API 분기
- 가격대는 API 필터 또는 결과 필터로 적용
- UI/UX 다듬기
- 로딩 상태, 에러 메시지, 반응형, 상품 카드 디자인 등
4. 미리 알아두면 좋은 점
- API 제한·비용: 쿠팡/쇼피 등은 가입·승인·수수료가 있을 수 있어, 먼저 각 플랫폼 파트너/개발자 페이지를 확인하는 것이 좋습니다.
- 이미지 분석 비용: Vision API는 호출당 과금이 있으므로, 개발 단계에서는 호출 횟수를 줄이거나 무료 할당량 안에서 테스트하는 게 좋습니다.
- 저작권·이미지: 업로드 이미지는 분석 용도로만 쓰고, 쇼핑몰 상품 이미지는 각 플랫폼 이용약관과 제휴 규정을 지켜야 합니다.
원하시면
- “이미지 업로드 → Vision API로 키워드 추출”만 하는 최소 예제(프론트+백엔드) 구조를 코드로 잡아 드리거나,
- 사용할 스택(예: Next.js + Python)을 알려주시면 그에 맞춰 폴더 구조와 1단계 작업 목록을 더 구체적으로 쪼개 드릴 수 있습니다.