Looker 구성요소 개요

Looker의 구성요소 라이브러리를 사용하면 애플리케이션이 React 구성요소의 인터페이스를 통해 Looker의 디자인 요소, UI 패턴, 데이터 시각화를 사용할 수 있습니다. 구성요소의 예로는 양식, 버튼, 필터 입력, 페이지로 나누기 컨트롤, 레이아웃, 선 차트, 막대 그래프, 산점도 차트, 표 등이 있습니다.

빠른 가치 실현은 구성요소의 강점 중 하나이지만, 이러한 요소는 Looker와 커스텀 빌드 애플리케이션 간에 더 원활한 환경을 제공하는 데 있어 특히 중요합니다.

일반적인 사용 사례는 다음과 같습니다.

  • Looker 확장 프로그램 내에서 Looker와 유사한 UI(예: 페이지 탐색) 만들기
  • 삽입된 Looker 콘텐츠 주위에 Looker와 유사한 UI(예: 대시보드 필터) 만들기
  • iframe 삽입의 전체 환경을 사용하지 않고 임베디드 분석 애플리케이션 내에서 가벼운 개별 시각화 제공

구성요소 사용

React 구성요소인 Looker 구성요소는 NPM에 게시되며 NPM을 사용하여 프런트엔드 자바스크립트 또는 TypeScript 애플리케이션에 추가할 수 있습니다.

UI 구성요소필터 구성요소에 별도의 NPM 패키지를 사용할 수 있습니다.