Looker의 구성요소 라이브러리를 사용하면 애플리케이션이 React 구성요소의 인터페이스를 통해 Looker의 디자인 요소, UI 패턴, 데이터 시각화를 사용할 수 있습니다. 구성요소의 예로는 양식, 버튼, 필터 입력, 페이지로 나누기 컨트롤, 레이아웃, 선 차트, 막대 그래프, 산점도 차트, 표 등이 있습니다.
빠른 가치 실현은 구성요소의 강점 중 하나이지만, 이러한 요소는 Looker와 커스텀 빌드 애플리케이션 간에 더 원활한 환경을 제공하는 데 있어 특히 중요합니다.
일반적인 사용 사례는 다음과 같습니다.
Looker 확장 프로그램 내에서 Looker와 유사한 UI(예: 페이지 탐색) 만들기
삽입된 Looker 콘텐츠 주위에 Looker와 유사한 UI(예: 대시보드 필터) 만들기
iframe 삽입의 전체 환경을 사용하지 않고 임베디드 분석 애플리케이션 내에서 가벼운 개별 시각화 제공
구성요소 사용
React 구성요소인 Looker 구성요소는 NPM에 게시되며 NPM을 사용하여 프런트엔드 자바스크립트 또는 TypeScript 애플리케이션에 편리하게 추가할 수 있습니다.
React 구성요소인 Looker 구성요소는 NPM에 게시되며 NPM을 사용하여 프런트엔드 자바스크립트 또는 TypeScript 애플리케이션에 추가할 수 있습니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["이해하기 어려움","hardToUnderstand","thumb-down"],["잘못된 정보 또는 샘플 코드","incorrectInformationOrSampleCode","thumb-down"],["필요한 정보/샘플이 없음","missingTheInformationSamplesINeed","thumb-down"],["번역 문제","translationIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2025-09-05(UTC)"],[],[],null,["# Looker components overview\n\nLooker's component library allows applications to leverage Looker's design elements, UI patterns, and data visualizations, all through the interface of React components. Some examples of components include forms, buttons, filter inputs, pagination controls, layouts, line charts, bar charts, scatterplot charts, tables, and more.\n\nWhile quick time-to-value is one of the strengths of components, where they really shine is in enabling more seamless experiences between Looker and custom-built applications.\n\nSome common use cases include:\n\n- Creating Looker-like UI, such as page navigation, within a Looker extension\n- Creating Looker-like UI, such as dashboard filters, around embedded Looker content\n- Delivering a lighter-weight individual visualization within an embedded analytics application without the full experience of an [iframe embed](/looker/docs/single-sign-on-embedding)\n\nUsing components\n----------------\n\nBeing React components, Looker components are published to NPM and can be [conveniently added](/looker/docs/components-getting-started) to your front-end Javascript or TypeScript application using NPM.\n\nBeing React components, Looker components are published to NPM and can be [added](/looker/docs/components-getting-started) to your frontend Javascript or TypeScript application using NPM.\n\nSeparate NPM packages are available for [UI components](https://www.npmjs.com/package/@looker/components) and [filter components](https://www.npmjs.com/package/@looker/filter-components).\n\nTry it out\n----------\n\nWant to see Looker components in action before writing any code? This demo can help:\n\n- [Atom Fashion](https://atomfashion.io/analytics/home): a demo data-driven web application built using Looker components (requires Google account to log in)"]]
