T
TechInsights
목록으로
BackEnd•2021. 12. 20.

클래스101에서 코딩없이 프로모션 페이지를 배포하는 방법

클래스101
클래스101 Engineering Team
클래스101에서 코딩없이 프로모션 페이지를 배포하는 방법

핵심요약

원문 보기

클래스101은 비효율적인 프로모션 페이지 개발 프로세스를 개선하기 위해 비개발 직군도 쉽게 페이지를 제작하고 수정할 수 있는 Editor101을 도입하여 리소스 낭비를 줄이고 빠른 비즈니스 실험을 가능하게 했습니다.

클래스101 Editor101: 코딩 없이 프로모션 페이지 배포

기존 프로모션 시스템의 문제점

  • 하드코딩으로 인한 메이커 리소스 낭비 및 단순 수정의 반복.
  • 간단한 변경에도 기획, 디자인, 개발, QA를 거치는 높은 커뮤니케이션 코스트.
  • 제품 고도화 대신 소모적 업무에 집중되어 메이커 동기 부여 저하.

Editor101의 핵심 기능 및 기술 아키텍처

  • Server Driven UI: UI 구성요소를 서버에 저장하여 코드 배포 없이 동적인 UI 변경을 지원.
  • WYSIWYG 에디터: 사용자가 편집한 내용이 즉시 반영되며, 텍스트, 이미지, CSS 속성 등을 직접 수정 가능.
  • 블록 기반 시스템: Paper, Box, Block 계층 구조로 재사용 가능한 컴포넌트를 조합하여 페이지 생성.
  • 다양한 블록 지원: Text, Image, Collection, Flex Box 등 프로모션 페이지에 필요한 핵심 요소 제공.

Editor101 도입을 통한 비즈니스 임팩트

  • 비개발 직군의 직접적인 랜딩 페이지 생성 및 수정 가능.
  • 개발자, QA 도움 없이 즉시 배포 및 예약 발행 기능 제공.
  • 임시 저장, 버전 관리, 반응형 테스트 등 효율적인 운영 기능으로 빠른 실험과 액션 지원.
#BackEnd#Architecture#FrontEnd
클래스101
클래스101

클래스101 Engineering Team

기술 인사이트를 전달하는 공식 채널

You might also like

View all
토스 피플 : 새로운 길을 만들 땐 내 선택을 믿는다

토스 피플 : 새로운 길을 만들 땐 내 선택을 믿는다

"이 버튼 왜 안 눌려요?" 물류 현장의 목소리로 PDA 시스템 완성하기

"이 버튼 왜 안 눌려요?" 물류 현장의 목소리로 PDA 시스템 완성하기