콘텐츠 우선 웹 런타임 구축 (UI는 템플릿이 아닌 렌즈로)

저자는 현대 웹 앱에서 페이지 디자인, 컴포넌트 생성, 라우팅을 포함하는 반복적인 UI 구축 패턴을 관찰합니다. 이는 고정된 UI 화면 대신 콘텐츠와 의도에 초점을 맞춘 대안적 접근 방식을 탐구하도록 이끕니다. 핵심 아이디어는 페이지를 런타임이 해석하는 구조화된 콘텐츠를 나타내는 JSON 노드로 정의하는 것입니다. 전통적인 컴포넌트처럼 UI를 구축하는 대신, 저자는 이러한 JSON 사양을 마운트하는 런타임 환경을 제안합니다. 이는 화면 구축에서 유연한 UI 렌더러와 재사용 가능한 레이아웃 시스템을 만드는 데 초점을 맞추어 탐색 및 페이지 구성을 간소화합니다. 탐색은 데이터로 처리되어 사이드바와 같은 UI 요소를 반복적으로 다시 구축할 필요가 없습니다. 이 콘텐츠 우선 접근 방식은 레이아웃 엔진, 테마, 상호 작용 라우팅을 갖춘 "구조화된 콘텐츠용 브라우저"의 개념으로 이어집니다. 이 모델은 AI가 복잡한 코드 대신 간결한 사양을 출력할 수 있도록 하여 AI 기반 UI 생성에 이상적인 것으로 제시됩니다. 저자의 목표는 경로를 정의하고, 사양을 마운트하며, 레이아웃을 동적으로 재사용하는 "사이트 사양"을 만드는 것입니다. 근본적인 원칙은 의미를 해석하는 런타임을 구축하여 UI를 콘텐츠를 위한 렌즈로 변환하는 것입니다. 이 프로젝트는 neurons.me의 일환으로 공개적으로 개발되고 있습니다.