Looker의 구성요소 라이브러리를 사용하면 애플리케이션에서 React 구성요소의 인터페이스를 통해 Looker의 디자인 요소, UI 패턴, 데이터 시각화를 활용할 수 있습니다. 구성요소의 예로는 양식, 버튼, 필터 입력, 페이지로 나누기 컨트롤, 레이아웃, 선 차트, 막대 그래프, 산점도, 차트 등이 있습니다.
빠른 가치 실현은 구성요소의 강점 중 하나지만, Looker와 커스텀 애플리케이션 간의 원활한 경험을 지원하는 데 특히 빛을 발합니다.
일반적인 사용 사례는 다음과 같습니다.
- Looker 확장 프로그램 내에서 Looker와 유사한 UI(예: 페이지 탐색) 만들기
- 삽입된 Looker 콘텐츠 주위에 대시보드 필터와 같은 Looker와 유사한 UI 만들기
- iframe 삽입의 전체 환경 없이 삽입된 애널리틱스 애플리케이션 내에서 경량의 개별 시각화 제공
구성요소 사용
React 구성요소인 Looker 구성요소는 NPM에 게시되며 NPM을 사용하여 프런트엔드 자바스크립트 또는 TypeScript 애플리케이션에 편리하게 추가할 수 있습니다.
UI 구성요소, 필터 구성요소, 시각화 구성요소에 별도의 NPM 패키지를 사용할 수 있습니다.
사용해 보기
코드를 작성하기 전에 작동 중인 Looker 구성요소를 확인하고 싶으신가요? 이 데모 및 샌드박스는 다음과 같은 작업에 도움이 됩니다.
- 구성요소 상호작용 참조: 시각화 구성요소를 제외한 모든 Looker 구성요소의 목록
- 시각화 구성요소 플레이그라운드: 사용 가능한 시각화 옵션을 대화형으로 선택하고 플레이그라운드 애플리케이션에서 렌더링된 삽입을 삽입 없이 확인합니다.
- Atom Fashion: Looker 구성요소를 사용하여 만든 데모 데이터 기반 웹 애플리케이션 (Google 계정에 로그인해야 함)
시작하기
Looker UI 구성요소 시작하기 Looker 구성요소 시작하기 Looker 시각화 구성요소 시작하기