LP Platform
랜딩페이지를 섹션 단위로 조립하는 사내 빌더.
- 담당
- 프론트엔드 · 에디터 · 렌더러 설계
- 팀
- 백엔드 1 · 프론트 1(본인)
- 기간
- 2026.04
랜딩페이지를 섹션 단위로 조립하는 빌더. 처음엔 HTML/설정 기반 레이아웃 엔진이었는데, 표현할 수 있는 것보다 설명해야 할 규칙이 빠르게 많아져서 React 섹션 컴포넌트 + 디자인 토큰 구조로 전면 교체했다.
- 배포
- 사내 빌더
- 스택
주요 작업
설정 객체를 문자열 하나로 줄였다
- 레이아웃 설정 JSON 객체를 없애고 최상위 레이아웃 식별자 문자열 하나만 남겼다.
- sticky·variant 같은 파생 설정은 전부 폐기했다.
- 설정으로 표현할 수 있는 경우의 수를 늘리는 것보다, 컴포넌트를 하나 더 만드는 쪽이 읽기 쉬웠다.
disabled가 클릭을 삼키던 버그
- 편집 모드에서 폼 요소를 클릭해 편집하는 구조인데, disabled 입력이 클릭 이벤트를 먹어서 선택이 되지 않았다.
- 포인터 이벤트를 끄는 방식으로 바꿔 편집 모드에서도 모든 하위 요소가 선택 가능해졌다.
- 섹션 타입
- 17종
- 단일 렌더러로 통합
- 레이아웃 엔진
- HTML/config 기반React 섹션 컴포넌트
- 전면 폐기
- 식별자
- 서버·클라이언트 대문자 통일
- 전송 포맷 일치