Looker의 구성요소 라이브러리를 사용하면 애플리케이션이 React 구성요소의 인터페이스를 통해 Looker의 디자인 요소와 UI 패턴을 사용할 수 있습니다. 구성요소의 예로는 양식, 버튼, 필터 입력, 페이지로 나누기 컨트롤, 레이아웃 등이 있습니다.
빠른 가치 실현은 구성요소의 강점 중 하나이지만, 이러한 요소는 Looker와 커스텀 빌드 애플리케이션 간에 더 원활한 환경을 제공하는 데 있어 특히 중요합니다.
일반적인 사용 사례는 다음과 같습니다.
- Looker 확장 프로그램 내에서 Looker와 유사한 UI(예: 페이지 탐색) 만들기
- 삽입된 Looker 콘텐츠 주위에 Looker와 유사한 UI(예: 대시보드 필터) 만들기
구성요소 사용
React 구성요소인 Looker 구성요소는 NPM에 게시되며 NPM을 사용하여 프런트엔드 JavaScript 또는 TypeScript 애플리케이션에 추가할 수 있습니다.
UI 구성요소 및 필터 구성요소에는 별도의 NPM 패키지가 제공됩니다.
사용해 보기
코드를 작성하기 전에 Looker 구성요소가 어떻게 작동하는지 확인하고 싶으신가요? 이 데모는 다음을 수행하는 데 도움이 됩니다.
- Atom Fashion: Looker 구성요소를 사용하여 빌드된 데모 데이터 기반 웹 애플리케이션 (Google 계정에 로그인해야 함)