프론트엔드
올영라이브 템플릿화
두줄요약
올영라이브 이벤트 페이지를 반복 제작 부담을 줄이기 위해 모듈형 템플릿으로 전환한 사례를 소개했습니다. 고정 정보와 변경 요소를 분리해 등록만으로 페이지를 만들 수 있도록 구성했습니다.
문제 상황
- 올영라이브 방송 횟수 증가로 이벤트 페이지를 주 5회마다 개별 작업해야 하는 퍼블리싱 부담 증가
- 제한된 리소스 안에서 페이지 제작 효율을 높일 템플릿화 필요
구조와 흐름
- 고정 정보를 기준으로 비주얼, 이미지, 상품, 공지사항 4개 영역의 역할 정의
- 모듈 조합 방식으로 페이지를 구성하고 등록 순서와 무관한 배치 규칙 설계
- 비주얼 타입의 상태별 버튼 이미지 전환, 상품 타입의 상세페이지 랜딩 연동
적용해볼 점
- 반복 제작이 많은 이벤트 페이지에 모듈형 템플릿 적용 검토
- 콘텐츠 고정 요소와 변경 요소를 분리해 운영 부담 완화
- 등록만으로 페이지 생성이 가능한 어드민형 흐름 구축