메인 콘텐츠로 건너뛰기
Twenty 앱의 레이아웃 레이어는 사용자가 보는 모든 것을 의미합니다. 앱이 사이드바 어디에 노출되는지, 어떤 목록 보기를 제공하는지, 레코드 상세 페이지가 어떻게 구성되는지, 그리고 어떤 커스텀 React 컴포넌트가 해당 페이지 내부에 렌더링되는지가 여기에 포함됩니다.

이 섹션에서 다루는 내용

보기

defineView — 표시 열, 필터, 그룹을 포함한 저장된 목록 구성입니다.

내비게이션 메뉴 항목

defineNavigationMenuItem — 보기 또는 외부 URL을 가리키는 사이드바 항목입니다.

페이지 레이아웃

definePageLayoutdefinePageLayoutTab — 레코드 상세 페이지의 탭과 위젯을 정의합니다.

프런트 컴포넌트

defineFrontComponent — Twenty 내부에서 렌더링되는 샌드박스된 React 컴포넌트입니다.

명령 메뉴 항목

defineCommandMenuItem — 프런트 컴포넌트를 Cmd+K 항목과 빠른 작업으로 등록합니다.

앱이 노출되는 위치

프런트 컴포넌트는 Remote DOM을 사용하는 격리된 Web Worker 내부에서 실행됩니다. 이들은 페이지 안에서 네이티브하게 렌더링되지만(iframe 내부가 아님), 호스트 페이지나 DOM에 직접 접근할 수는 없습니다. Twenty와의 통신은 메시지 전달 호스트 API를 통해 이루어집니다.