D
drawyourmind
Back to Works
Personal Project
2024.12 - 현재

쿠팡 파트너스 API Test Console

쿠팡 파트너스 API를 테스트하고 통합하기 위한 웹 애플리케이션입니다. 상품 검색, 딜/프로모션 브라우징, 상품 추천, 딥링크 생성 등 제휴 마케팅을 위한 다양한 기능을 제공합니다.

Next.js 15
React 19
TypeScript
Tailwind CSS
쿠팡 파트너스 API Test Console

프로젝트 소개

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

핵심 기능

상품 검색

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

딜/프로모션 브라우징

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

상품 추천

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

딥링크 생성

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

기술적 특징

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

배운 점

  • API 서명 생성: HMAC 기반 API 인증 서명 생성 과정을 구현하며 보안 통신에 대한 이해도가 높아졌습니다.
  • 환경 변수 관리: API 키와 시크릿 키 등 민감한 정보를 안전하게 관리하는 방법을 학습했습니다.