← 프로젝트 목록
자체 서비스 · 2026 · 이커머스

PC에는 가로 광고, 모바일에는 세로 광고.
쇼핑몰에 맞춰 영상을 배치합니다

카페24 쇼핑몰 운영자가 영상을 올리고 메인 배너, 쇼츠, 상품 상세에 배치하는 앱입니다. PC와 모바일에서 사용할 영상과 표시 비율을 각각 설정하고, 미리보기를 확인한 뒤 저장할 수 있습니다.

PC에는 가로 광고, 모바일에는 세로 광고. 쇼핑몰에 맞춰 영상을 배치합니다

카페24 앱, 영상 업로드, 기기별 배치

01 — CHALLENGE

같은 광고라도 PC와 모바일에서 보기 좋은 구도가 다릅니다.

하나의 영상과 비율을 모든 화면에 적용하면 상품이나 문구가 잘리기 쉽습니다. 운영자가 스킨 코드를 반복 수정하지 않고 영상과 위치를 바꿀 수 있어야 했습니다.

02 — APPROACH

영상 라이브러리와 표시 위치를 나누고, 기기별 설정을 한 편집 화면에 묶었습니다.

업로드한 영상을 여러 위치에서 재사용합니다. PC와 모바일의 영상, 가로와 세로 비율, 화면 맞춤을 각각 지정하고 미리보기로 확인합니다.

카페24 설치 연동, 영상 변환과 전송, 구독과 사용량 제한을 함께 구현했습니다. 기존 설정은 유지하면서 새 기기별 설정을 선택적으로 적용합니다.

03 — STACK

사용 기술.

01

Next.js, TypeScript

영상 관리와 배치 편집 화면을 제공합니다.

02

Cafe24 API

앱 설치와 쇼핑몰 스크립트 연결을 처리합니다.

03

AWS MediaConvert, Cloudflare R2

업로드 영상을 변환하고 재생 파일을 제공합니다.

비슷한 프로젝트,
함께 해볼까요?

상담 요청하기 →다른 프로젝트 보기