캠핑장터 — 캠핑용품 중고장터 XE 광고 배너 기능 개발

프로젝트 개요

캠핑장터는 회원끼리 캠핑용품을 사고파는 XE 기반 중고장터입니다. 운영 수익을 위해 목록 화면에 광고를 넣어야 했는데, 상품 카드가 계속 이어지는 구조라 배너를 아무 데나 붙이면 흐름이 끊기는 문제가 있었습니다.

작업 범위

관리자에서 배너를 등록·수정하고 노출 여부를 켜고 끌 수 있는 광고 기능을 개발했습니다. 목록 화면에는 배너가 카드 사이 지정한 위치에 끼어들도록 붙였습니다.

• XE 광고 배너 등록·노출 제어 기능 개발
• 목록 카드 사이 배너 삽입 구조 구현
• 노출 위치 다중 지정
• 기존 중고장터 화면과 연동

주요 구현

상품 카드는 새제품·중고·끌올 배지를 달고 2열 그리드로 흐르는데, 그 사이에 광고 배너와 캠핑장터뉴스 영역이 카드 한 칸 자리를 차지하며 들어갑니다. 배너 위치를 여러 곳으로 지정할 수 있게 해서 목록 상단·중간에 나눠 넣을 수 있고, 등록된 배너가 없으면 자리를 차지하지 않고 목록이 그대로 이어집니다. 상단 공지 목록과 검색 영역은 기존 장터 화면을 그대로 두고 광고 영역만 얹는 방식으로 작업했습니다.

비슷한 프로젝트를 준비 중이라면

현재 사이트와 필요한 범위를 알려주시면 어디서부터 시작할지 함께 정리합니다.