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