CJ ENM 이벤트 페이지와 빌더

배경

글로벌 시상식의 이벤트 페이지는 콘텐츠 갱신과 투표가 같은 시기에 몰립니다. 2025 MAMA 이벤트 페이지는 정적 콘텐츠와 동적 데이터를 서로 다른 캐시 정책으로 다뤄야 했고, 시상 결과가 바뀌면 이를 갱신하는 흐름도 필요했습니다. 또 시즌마다 이벤트 페이지를 새로 만들다 보니, 문구나 디자인을 바꿀 때도 개발 배포가 필요했습니다.

결정과 구현

• 2025 MAMA 이벤트 페이지: 페이지 본문은 정적으로 만들어 CDN에서 빠르게 응답하고, 시상 결과가 바뀌는 순간에만 캐시를 갱신했습니다.
• 투표와 실시간 데이터는 캐시를 거치지 않는 별도 경로로 분리하고, 비정상 요청을 막는 장치를 함께 적용했습니다.
• 여러 언어 페이지를 동시에 배포하면서, 검색 엔진이 언어별로 정확히 인덱싱하도록 메타 태그를 언어마다 나눴습니다.
• 로우코드 페이지 빌더: 콘텐츠 정의(JSON 스키마)와 렌더링(컴포넌트)을 분리해, 빌더에서 편집한 결과가 그대로 실서비스 페이지에 반영되도록 다시 설계했습니다.
• 웹 빌더는 컴포넌트를 섹션, 레이아웃, 블록의 3계층으로 카탈로그화하고, 운영자가 드래그로 조립하면서 실서비스와 같은 화면으로 미리 확인할 수 있게 구성했습니다.
• JSON 런타임을 두어 실서비스 페이지가 빌더의 스키마를 그대로 읽고 렌더링하게 했습니다. 새 컴포넌트는 별도 코드 변경 없이 등록만으로 추가할 수 있고, 편집과 미리보기, 배포, 버전 롤백은 하나의 흐름으로 묶었습니다.