사진·영상 콘텐츠와 상품 태그를 연계한 커뮤니티 커머스 플랫폼

▶ 프로젝트 개요
프로젝트명: 사진·영상 콘텐츠와 상품 태그를 연계한 커뮤니티 커머스 플랫폼
발주처: 커뮤니티·커머스 서비스 운영사 (비공개)

▶ 프로젝트 배경
회원들이 사진과 영상 등의 콘텐츠를 자유롭게 공유하고, 콘텐츠에 포함된 상품을 직접 태그하여 상품 정보와 연결할 수 있도록 구축한 커뮤니티 기반 커머스 플랫폼입니다. 메인 화면에서는 기획전과 광고 배너를 운영할 수 있도록 구성하고, 최근 등록된 콘텐츠나 인기 콘텐츠 등 다양한 테마의 추천 콘텐츠를 제공하여 사용자가 새로운 콘텐츠를 쉽게 탐색할 수 있도록 설계했습니다. 특히 콘텐츠에 상품 태그를 등록할 수 있도록 하여 사진이나 영상 속 상품의 위치를 직관적으로 확인하고, 태그를 통해 해당 상품의 상세페이지로 바로 이동할 수 있도록 콘텐츠와 상품 정보를 연결했습니다. 상품 태그 등록 과정에서는 상품명을 직접 검색하거나 사용자의 최근 구매내역에서 상품을 선택할 수 있도록 구성하여 콘텐츠 작성 시 상품을 간편하게 연결할 수 있도록 구현했습니다.

▶ 핵심 구현 기능

- 메인·배너 관리
메인 화면 기획전 배너 노출
광고 배너 등록 및 노출
다양한 배너 영역 구성
기획전 및 프로모션 콘텐츠 노출
메인 화면 콘텐츠 구성 및 운영

- 상품 카테고리
상품 카테고리 목록 조회
카테고리별 상품 목록 이동
카테고리별 상품 탐색
상품 상세페이지 조회
상품 정보와 콘텐츠 간 연계

- 추천 콘텐츠
최근 등록된 콘텐츠 노출
인기 콘텐츠 기반 추천
테마별 콘텐츠 분류 및 노출
메인 화면 추천 콘텐츠 구성
콘텐츠 목록 및 상세 조회

- 사진·영상 콘텐츠
사진 및 영상 콘텐츠 업로드
콘텐츠 작성 글 등록
업로드된 사진·영상 조회
콘텐츠 상세페이지 구성
회원 콘텐츠 기반 커뮤니티 운영

- 상품 태그
사진·영상 내 상품 태그 등록
콘텐츠 내 상품 태그 위치 설정
태그 아이콘을 통한 상품 위치 확인
상품 태그 선택 시 상품 상세페이지 이동
콘텐츠별 복수 상품 태그 연계
태그된 상품 정보 조회

- 상품 검색 기반 태그 등록
상품명 및 검색어를 통한 상품 검색
검색 결과에서 상품 선택
콘텐츠 작성 과정에서 상품 태그 등록
최근 구매내역 기반 상품 선택
구매 상품을 활용한 간편 태그 등록

- 콘텐츠·상품 연계
콘텐츠와 상품 데이터 연결
사진·영상 속 상품 위치와 상품 정보 연계
상품 태그를 통한 상품 상세페이지 이동
콘텐츠에서 상품 탐색으로 이어지는 사용자 흐름 구축
상품 중심 콘텐츠 탐색 환경 제공

▶ 기술 스택
Frontend: Next.js
Backend: Node.js
Database: MySQL
Storage: AWS S3
Infra: AWS

▶ 프로젝트 성과
- 사진·영상 콘텐츠와 상품 정보를 연결하는 콘텐츠 기반 커머스 환경 구축
- 콘텐츠 내 상품 태그 및 위치 지정 기능을 통해 상품 탐색 과정 간소화
- 상품 태그에서 상품 상세페이지로 바로 이동할 수 있는 콘텐츠·상품 연계 구조 구현
- 상품 직접 검색 및 최근 구매내역 선택을 통한 간편한 상품 태그 등록 환경 제공
- 최근 등록·인기 콘텐츠 등 테마별 추천 콘텐츠를 메인에 노출하여 콘텐츠 탐색 기능 강화