프로젝트 소개

쿠팡 파트너스 API를 활용한 제휴 마케팅 개발을 위해서는 다양한 API 엔드포인트를 테스트하고 결과를 확인하는 과정이 필수적입니다. 쿠팡 파트너스 API Test Console는 이러한 API 통합 과정을 효율적으로 수행하기 위한 개발자 도구입니다.

npm 라이브러리로 바로 사용하기

이 콘솔에서 다루는 인증·API 호출 로직은 별도의 오픈소스 SDK로 정리해 npm에 공개해 두었습니다. 쿠팡 파트너스 API의 까다로운 HMAC SHA256 CEA 서명 생성을 자동으로 처리하고, 상품 검색·GoldBox·CoupangPL·딥링크·리포트 API를 TypeScript 타입과 함께 바로 호출할 수 있습니다.

npm install coupang-partners-sdk-standalone

import { CoupangPartnersClient } from 'coupang-partners-sdk-standalone';

const client = new CoupangPartnersClient({
  accessKey: 'your-access-key',
  secretKey: 'your-secret-key',
});

const result = await client.searchProducts('아이폰', { limit: 10 });

📦 npm 패키지: coupang-partners-sdk-standalone
💻 소스 코드: GitHub 저장소
📝 개발 후기 & 사용법: 쿠팡 파트너스 API 연동기 (블로그)

이 Test Console은 위 SDK를 실제로 호출해 응답을 확인해 볼 수 있는 웹 데모입니다. API 연동을 코드로 붙일 때는 npm 패키지를 설치해 사용하시는 것을 권장합니다.

핵심 기능

상품 검색

키워드 기반 상품 검색과 다양한 필터링 옵션을 제공합니다. 검색 결과를 실시간으로 확인하며 API 응답 구조를 파악할 수 있습니다.

딜/프로모션 브라우징

현재 진행 중인 딜과 프로모션 정보를 조회하고 탐색할 수 있습니다. 할인율, 카테고리별 필터링을 지원합니다.

상품 추천

API의 추천 기능을 테스트하고 결과를 시각화합니다. 다양한 추천 알고리즘의 결과를 비교 분석할 수 있습니다.

딥링크 생성

제휴 마케팅 추적을 위한 딥링크를 생성합니다. 생성된 링크를 즉시 복사하고 테스트할 수 있습니다.

기술적 특징

Next.js 15 App Router: 최신 Next.js의 App Router를 사용하여 서버 컴포넌트와 클라이언트 컴포넌트를 효율적으로 분리했습니다.
React 19: 최신 React 버전의 새로운 기능들을 활용했습니다.
반응형 UI: Tailwind CSS를 사용하여 모바일부터 데스크톱까지 모든 화면 크기에 최적화된 인터페이스를 구현했습니다.