7.5. 동적 플러그인 참조

플러그인을 사용자 지정할 수 있는 확장 기능을 추가할 수 있습니다. 그런 다음 런타임에 이러한 확장이 콘솔에 로드됩니다.

7.5.1. 동적 플러그인 확장 유형

`console.action/filter`

ActionFilter 를 사용하여 작업을 필터링할 수 있습니다.

이름	값 유형	선택 사항	설명
`contextId`	`string`	제공되지 않음	컨텍스트 ID는 기여 작업의 범위를 애플리케이션의 특정 영역에 좁히는 데 도움이 됩니다. 예를 들어 `토폴로지` 및 `helm` 이 있습니다.
`filter`	`CodeRef<(scope: any, action: Action) tekton boolean>`	제공되지 않음	일부 조건에 따라 작업을 필터링하는 함수입니다. `범위`: 작업을 제공해야 하는 범위입니다. HPA(수평 Pod 자동 스케일러)를 사용하여 배포에서 `ModifyCount` 작업을 제거하려면 후크가 필요할 수 있습니다.

`console.action/group`

ActionGroup 은 하위 메뉴일 수도 있는 작업 그룹을 제공합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	작업 섹션을 식별하는 데 사용되는 ID입니다.
`label`	`string`	제공됨	UI에 표시할 레이블입니다. 하위 메뉴에 필요합니다.
`submenu`	`boolean`	제공됨	이 그룹을 하위 메뉴로 표시할지 여부입니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 값이 우선합니다.

`console.action/provider`

ActionProvider 특정 컨텍스트에 대한 작업 목록을 반환하는 후크를 제공합니다.

이름	값 유형	선택 사항	설명
`contextId`	`string`	제공되지 않음	컨텍스트 ID는 기여 작업의 범위를 애플리케이션의 특정 영역에 좁히는 데 도움이 됩니다. 예를 들어 `토폴로지` 및 `helm` 이 있습니다.
`공급자`	`CodeRef<ExtensionHook<Action[], any>>`	제공되지 않음	지정된 범위에 대한 작업을 반환하는 React 후크입니다. `contextId` = `리소스` 인 경우 범위는 항상 Kubernetes 리소스 오브젝트입니다.

`console.action/resource-provider`

ResourceActionProvider 는 특정 리소스 모델에 대한 작업 목록을 반환하는 후크를 제공합니다.

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sKindVersionModel`	제공되지 않음	이 공급자가 작업을 제공하는 모델입니다.
`공급자`	`CodeRef<ExtensionHook<Action[], any>>`	제공되지 않음	지정된 리소스 모델에 대한 작업을 반환하는 반응 후크

`console.alert-action`

이름	값 유형	선택 사항
`경고`	`string`	제공되지 않음
`text`	`string`	제공되지 않음
`작업`	`CodeRef<(alert: any) ⇒ void>`	제공되지 않음

`console.catalog/item-filter`

이름	값 유형	선택 사항	설명
`catalogId`	`string` \| `string[]`	제공되지 않음	이 공급자가 제공하는 카탈로그의 고유 식별자입니다.
`type`	`string`	제공되지 않음	카탈로그 항목 유형의 ID를 입력합니다.
`filter`	`CodeRef<(item: CatalogItem) ⇒ boolean>`	제공되지 않음	특정 유형의 항목을 필터링합니다. 값은 `CatalogItem[]` 를 사용하고 필터 기준에 따라 하위 집합을 반환하는 함수입니다.

`console.catalog/item-metadata`

이름	값 유형	선택 사항	설명
`catalogId`	`string` \| `string[]`	제공되지 않음	이 공급자가 제공하는 카탈로그의 고유 식별자입니다.
`type`	`string`	제공되지 않음	카탈로그 항목 유형의 ID를 입력합니다.
`공급자`	`CodeRef<ExtensionHook<CatalogItemMetadataProviderFunction, CatalogExtensionHookOptions>>`	제공되지 않음	특정 유형의 카탈로그 항목에 메타데이터를 제공하는 데 사용할 함수를 반환하는 후크입니다.

`console.catalog/item-provider`

이름	값 유형	선택 사항	설명
`catalogId`	`string` \| `string[]`	제공되지 않음	이 공급자가 제공하는 카탈로그의 고유 식별자입니다.
`type`	`string`	제공되지 않음	카탈로그 항목 유형의 ID를 입력합니다.
`title`	`string`	제공되지 않음	카탈로그 항목 공급자의 제목
`공급자`	`CodeRef<ExtensionHook<CatalogItem<any>[], CatalogExtensionHookOptions>>`	제공되지 않음	항목을 가져와서 카탈로그에 대해 정규화합니다. 값은 react effect hook입니다.
`priority`	`숫자`	제공됨	이 공급자의 우선 순위입니다. 기본값은 `0` 입니다. 더 높은 우선 순위 공급자는 다른 공급자가 제공하는 카탈로그 항목을 재정의할 수 있습니다.

`console.catalog/item-type`

이름	값 유형	선택 사항	설명
`type`	`string`	제공되지 않음	카탈로그 항목에 대해 를 입력합니다.
`title`	`string`	제공되지 않음	카탈로그 항목의 이름입니다.
`catalogDescription`	`string` \| `CodeRef<React.ReactNode>`	제공됨	유형별 카탈로그에 대한 설명입니다.
`typeDescription`	`string`	제공됨	카탈로그 항목 유형에 대한 설명입니다.
`filters`	`CatalogItemAttribute[]`	제공됨	카탈로그 항목과 관련된 사용자 지정 필터입니다.
`그룹화`	`CatalogItemAttribute[]`	제공됨	카탈로그 항목과 관련된 사용자 정의 그룹화입니다.

`console.catalog/item-type-metadata`

이름	값 유형	선택 사항	설명
`type`	`string`	제공되지 않음	카탈로그 항목에 대해 를 입력합니다.
`filters`	`CatalogItemAttribute[]`	제공됨	카탈로그 항목과 관련된 사용자 지정 필터입니다.
`그룹화`	`CatalogItemAttribute[]`	제공됨	카탈로그 항목과 관련된 사용자 정의 그룹화입니다.

`console.cluster-overview/inventory-item`

클러스터 개요 페이지에 새 인벤토리 항목을 추가합니다.

이름	값 유형	선택 사항	설명
`component`	`CodeRef<React.ComponentType<{}>>`	제공되지 않음	렌더링할 구성 요소입니다.

`console.cluster-overview/multiline-utilization-item`

새 클러스터 개요 다중 줄 사용 항목을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	사용 항목의 제목입니다.
`getUtilizationQueries`	`CodeRef<GetMultilineQueries>`	제공되지 않음	Prometheus 사용률 쿼리입니다.
`humanize`	`CodeRef<Humanize>`	제공되지 않음	Prometheus 데이터를 사람이 읽을 수 있는 형식으로 변환합니다.
`TopConsumerPopovers`	`CodeRef<React.ComponentType<TopConsumerPopoverProps>[]>`	제공됨	일반 값이 아닌 상위 소비자 팝업 표시

`console.cluster-overview/utilization-item`

새 클러스터 개요 사용 항목을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	사용 항목의 제목입니다.
`getUtilizationQuery`	`CodeRef<GetQuery>`	제공되지 않음	Prometheus 사용률 쿼리입니다.
`humanize`	`CodeRef<Humanize>`	제공되지 않음	Prometheus 데이터를 사람이 읽을 수 있는 형식으로 변환합니다.
`getTotalQuery`	`CodeRef<GetQuery>`	제공됨	Prometheus 총 쿼리입니다.
`getRequestQuery`	`CodeRef<GetQuery>`	제공됨	Prometheus 요청 쿼리입니다.
`getLimitQuery`	`CodeRef<GetQuery>`	제공됨	Prometheus 제한 쿼리입니다.
`TopConsumerPopover`	`CodeRef<React.ComponentType<TopConsumerPopoverProps>>`	제공됨	일반 값이 아닌 상위 소비자 팝업 표시

`console.context-provider`

웹 콘솔 애플리케이션 루트에 새로운 React 컨텍스트 공급자를 추가합니다.

이름	값 유형	선택 사항	설명
`공급자`	`CodeRef<Provider<T>>`	제공되지 않음	컨텍스트 공급자 구성 요소.
`useValueHook`	`CodeRef<() ⇒ T>`	제공되지 않음	컨텍스트 값의 후크입니다.

`console.dashboards/card`

새 대시보드 카드를 추가합니다.

이름	값 유형	선택 사항	설명
`tab`	`string`	제공되지 않음	카드를 추가할 대시보드 탭의 ID입니다.
`위치`	`'LEFT' \| 'RIGHT' \| 'MAIN'`	제공되지 않음	대시보드에 있는 카드의 표 위치.
`component`	`CodeRef<React.ComponentType<{}>>`	제공되지 않음	대시보드 카드 구성 요소.
`span`	`OverviewCardSpan`	제공됨	열의 세로 범위. 작은 화면에 대해서는 무시됩니다. 기본값은 `12` 입니다.

`console.dashboards/overview/activity/resource`

Kubernetes 리소스 모니터링을 기반으로 하는 활동 대시보드의 활동 카드에 활동을 추가합니다.

이름	값 유형	선택 사항	설명
`k8sResource`	`CodeRef<FirehoseResource & { isList: true; }>`	제공되지 않음	교체할 사용 항목입니다.
`component`	`CodeRef<React.ComponentType<K8sActivityProps<T>>>`	제공되지 않음	action 구성 요소입니다.
`isActivity`	`CodeRef<(resource: T) tekton boolean>`	제공됨	지정된 리소스가 작업을 나타내는지 여부를 결정하는 함수입니다. 정의되지 않은 경우 모든 리소스는 활동을 나타냅니다.
`getTimestamp`	`CodeRef<(resource: T) tekton Date>`	제공됨	정렬에 사용할 지정된 작업의 타임스탬프입니다.

`console.dashboards/overview/detail/item`

항목을 개요 대시보드의 세부 정보 카드에 추가합니다.

이름	값 유형	선택 사항	설명
`component`	`CodeRef<React.ComponentType<{}>>`	제공되지 않음	detail `Item 구성 요소를 기반으로` 하는 값

`console.dashboards/overview/health/operator`

상태 소스는 Kubernetes REST API인 개요 대시보드의 상태 카드에 상태 하위 시스템을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	팝업 메뉴에 있는 Operators 섹션의 제목입니다.
`resources`	`CodeRef<FirehoseResource[]>`	제공되지 않음	Kubernetes 리소스를 가져와 `healthHandler` 로 전달할 수 있습니다.
`getOperatorsWithStatuses`	`CodeRef<GetOperatorsWithStatuses<T>>`	제공됨	Operator의 상태를 확인합니다.
`operatorRowLoader`	`CodeRef<React.ComponentType<OperatorRowProps<T>>>`	제공됨	팝업 행 구성 요소에 대한 로드er.
`viewAllLink`	`string`	제공됨	모든 리소스 페이지에 대한 링크입니다. 제공되지 않으면 리소스 prop의 첫 번째 리소스 목록 페이지가 사용됩니다.

`console.dashboards/overview/health/prometheus`

상태 소스가 Prometheus인 개요 대시보드의 상태 카드에 상태 하위 시스템을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	하위 시스템의 표시 이름입니다.
`쿼리`	`string[]`	제공되지 않음	Prometheus 쿼리
`healthHandler`	`CodeRef<PrometheusHealthHandler>`	제공되지 않음	하위 시스템의 상태를 확인합니다.
`additionalResource`	`CodeRef<FirehoseResource>`	제공됨	`healthHandler` 로 가져와서 전달할 추가 리소스입니다.
`popupComponent`	`CodeRef<React.ComponentType<PrometheusHealthPopupProps>>`	제공됨	팝업 메뉴 콘텐츠를 위한 Loader. 정의된 경우 상태 항목이 링크로 표시되고 지정된 콘텐츠가 포함된 팝업 메뉴가 열립니다.
`popupTitle`	`string`	제공됨	팝업의 제목입니다.
`disallowedControlPlaneTopology`	`string[]`	제공됨	하위 시스템을 숨겨야 하는 컨트롤 플레인 토폴로지입니다.

`console.dashboards/overview/health/resource`

상태 소스가 Kubernetes 리소스인 개요 대시보드의 상태 카드에 상태 하위 시스템을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	하위 시스템의 표시 이름입니다.
`resources`	`CodeRef<WatchK8sResources<T>>`	제공되지 않음	`healthHandler` 에 전달하여 전달할 Kubernetes 리소스입니다.
`healthHandler`	`CodeRef<ResourceHealthHandler<T>>`	제공되지 않음	하위 시스템의 상태를 확인합니다.
`popupComponent`	`CodeRef<WatchK8sResults<T>>`	제공됨	팝업 메뉴 콘텐츠를 위한 Loader. 정의된 경우 상태 항목이 링크로 표시되고 지정된 콘텐츠가 포함된 팝업 메뉴가 열립니다.
`popupTitle`	`string`	제공됨	팝업의 제목입니다.

`console.dashboards/overview/health/url`

상태 소스가 Kubernetes REST API인 개요 대시보드의 상태 카드에 상태 하위 시스템을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	하위 시스템의 표시 이름입니다.
`url`	`string`	제공되지 않음	데이터를 가져올 URL입니다. 기본 Kubernetes URL 앞에 추가됩니다.
`healthHandler`	`CodeRef<URLHealthHandler<T, K8sResourceCommon	K8sResourceCommon[]>>`	제공되지 않음
하위 시스템의 상태를 확인합니다.	`additionalResource`	`CodeRef<FirehoseResource>`	제공됨
`healthHandler` 로 가져와서 전달할 추가 리소스입니다.	`popupComponent`	`CodeRef<React. ComponentType<{ healthResult?: T; healthResultError?: any; k8sResult?: FirehoseResult<R>; }>>`	제공됨
팝업 콘텐츠에 대한 로드er. 정의된 경우 상태 항목이 지정된 콘텐츠로 팝업을 여는 링크로 표시됩니다.	`popupTitle`	`string`	제공됨

`console.dashboards/overview/inventory/item`

개요 인벤토리 카드에 리소스 타일을 추가합니다.

이름	값 유형	선택 사항	설명
`model`	`CodeRef<T>`	제공되지 않음	가져올 `리소스` 의 모델입니다. 모델의 `레이블` 또는 축을 가져오는 데 사용됩니다.
`매퍼`	`CodeRef<StatusGroupMapper<T, R>>`	제공됨	다양한 상태를 그룹에 매핑하는 함수입니다.
`additionalResources`	`CodeRef<WatchK8sResources<R>>`	제공됨	`매퍼` 함수로 가져와 전달할 추가 리소스입니다.

`console.dashboards/overview/inventory/item/group`

인벤토리 상태 그룹을 추가합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	상태 그룹의 ID입니다.
`icon`	`CodeRef<React.ReactElement<any, string` \| `React.JSXElementConstructor<any`>>>	제공되지 않음	상태 그룹 아이콘을 나타내는 반응 구성 요소입니다.

`console.dashboards/overview/inventory/item/replacement`

개요 인벤토리 카드를 대체합니다.

이름	값 유형	선택 사항	설명
`model`	`CodeRef<T>`	제공되지 않음	가져올 `리소스` 의 모델입니다. 모델의 `레이블` 또는 축을 가져오는 데 사용됩니다.
`매퍼`	`CodeRef<StatusGroupMapper<T, R>>`	제공됨	다양한 상태를 그룹에 매핑하는 함수입니다.
`additionalResources`	`CodeRef<WatchK8sResources<R>>`	제공됨	`매퍼` 함수로 가져와 전달할 추가 리소스입니다.

`console.dashboards/overview/prometheus/activity/resource`

Kubernetes 리소스 모니터링을 기반으로 하는 활동을 Prometheus 개요 대시보드의 활동 카드에 추가합니다.

이름	값 유형	선택 사항	설명
`쿼리`	`string[]`	제공되지 않음	조사할 쿼리
`component`	`CodeRef<React.ComponentType<PrometheusActivityProps>>`	제공되지 않음	action 구성 요소입니다.
`isActivity`	`CodeRef<(results: PrometheusResponse[]) tekton boolean>`	제공됨	지정된 리소스가 작업을 나타내는지 여부를 결정하는 함수입니다. 정의되지 않은 경우 모든 리소스는 활동을 나타냅니다.

`console.dashboards/project/overview/item`

프로젝트 개요 인벤토리 카드에 리소스 타일을 추가합니다.

이름	값 유형	선택 사항	설명
`model`	`CodeRef<T>`	제공되지 않음	가져올 `리소스` 의 모델입니다. 모델의 `레이블` 또는 축을 가져오는 데 사용됩니다.
`매퍼`	`CodeRef<StatusGroupMapper<T, R>>`	제공됨	다양한 상태를 그룹에 매핑하는 함수입니다.
`additionalResources`	`CodeRef<WatchK8sResources<R>>`	제공됨	`매퍼` 함수로 가져와 전달할 추가 리소스입니다.

`console.dashboards/tab`

개요 탭 뒤에 새 대시보드 탭을 추가합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	탭으로 `href` 로 사용하고 이 탭에 카드를 추가할 때 사용되는 고유한 탭 식별자입니다.
`navSection`	`'home' \| 'storage'`	제공되지 않음	탭이 속한 탐색 섹션입니다.
`title`	`string`	제공되지 않음	탭의 제목입니다.

`console.file-upload`

이름	값 유형	선택 사항	설명
`fileExtensions`	`string[]`	제공되지 않음	지원되는 파일 확장자입니다.
`handler`	`CodeRef<FileUploadHandler>`	제공되지 않음	파일 드롭 작업을 처리하는 함수입니다.

`console.flag`

웹 콘솔 기능 플래그를 완전히 제어할 수 있습니다.

이름	값 유형	선택 사항	설명
`handler`	`CodeRef<FeatureFlagHandler>`	제공되지 않음	임의의 기능 플래그를 설정하거나 해제하는 데 사용됩니다.

`console.flag/hookProvider`

후크 처리기를 사용하여 웹 콘솔 기능 플래그를 완전히 제어합니다.

이름	값 유형	선택 사항	설명
`handler`	`CodeRef<FeatureFlagHandler>`	제공되지 않음	임의의 기능 플래그를 설정하거나 해제하는 데 사용됩니다.

`console.flag/model`

클러스터에 CRD가 있기 때문에 새로운 웹 콘솔 기능 플래그를 추가합니다.

이름	값 유형	선택 사항	설명
`flag`	`string`	제공되지 않음	CRD가 탐지되면 설정할 플래그의 이름입니다.
`model`	`ExtensionK8sModel`	제공되지 않음	`CustomResourceDefinition` 을 참조하는 모델입니다.

`console.global-config`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	클러스터 구성 리소스 인스턴스의 고유 식별자입니다.
`name`	`string`	제공되지 않음	클러스터 구성 리소스 인스턴스의 이름입니다.
`model`	`ExtensionK8sModel`	제공되지 않음	클러스터 구성 리소스를 참조하는 모델입니다.
`namespace`	`string`	제공되지 않음	클러스터 구성 리소스 인스턴스의 네임스페이스입니다.

`console.model-metadata`

API 검색을 통해 검색된 값을 재정의하여 모델 표시를 사용자 지정합니다.

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sGroupModel`	제공되지 않음	사용자 정의할 모델입니다. 그룹 또는 선택적 버전 및 종류만 지정할 수 있습니다.
`badge`	`ModelBadge`	제공됨	이 모델 참조를 기술 프리뷰 또는 개발자 프리뷰로 간주할지 여부입니다.
`색상`	`string`	제공됨	이 모델과 연결할 색상입니다.
`label`	`string`	제공됨	레이블을 재정의합니다. `kind` 를 제공해야 합니다.
`labelPlural`	`string`	제공됨	plural 레이블을 재정의합니다. `kind` 를 제공해야 합니다.
`abbr`	`string`	제공됨	약어를 사용자 지정합니다. 기본값은 모두 대문자로, 최대 4자까지입니다. 그런 `종류` 의 제공이 필요합니다.

`console.navigation/href`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 항목의 고유 식별자입니다.
`name`	`string`	제공되지 않음	이 항목의 이름입니다.
`href`	`string`	제공되지 않음	링크 href 값.
`관점`	`string`	제공됨	이 항목이 속한 화면 ID입니다. 지정하지 않으면 기본 관점에 기여합니다.
`섹션`	`string`	제공됨	이 항목이 속한 탐색 섹션입니다. 지정하지 않으면 이 항목을 최상위 링크로 렌더링합니다.
`dataAttributes`	`{ [key: string]: string; }`	제공됨	NetNamespace에 데이터 특성을 추가합니다.
`startsWith`	`string[]`	제공됨	URL이 이러한 경로 중 하나로 시작될 때 이 항목을 active로 표시합니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 가 우선합니다.
`namespaced`	`boolean`	제공됨	`true` 인 경우 `/ns/active-namespace` 를 끝에 추가합니다.
`prefixNamespaced`	`boolean`	제공됨	`true` 인 경우 `/k8s/ns/active-namespace` 를 시작점에 추가합니다.

`console.navigation/resource-cluster`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 항목의 고유 식별자입니다.
`model`	`ExtensionK8sModel`	제공되지 않음	이 탐색 항목이 연결되는 모델입니다.
`관점`	`string`	제공됨	이 항목이 속한 화면 ID입니다. 지정하지 않으면 기본 관점에 기여합니다.
`섹션`	`string`	제공됨	이 항목이 속한 탐색 섹션입니다. 지정하지 않으면 이 항목을 최상위 링크로 렌더링합니다.
`dataAttributes`	`{ [key: string]: string; }`	제공됨	NetNamespace에 데이터 특성을 추가합니다.
`startsWith`	`string[]`	제공됨	URL이 이러한 경로 중 하나로 시작될 때 이 항목을 active로 표시합니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 가 우선합니다.
`name`	`string`	제공됨	기본 이름을 재정의합니다. 링크 이름을 제공하지 않으면 모델의 복수형 값과 동일합니다.

`console.navigation/resource-ns`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 항목의 고유 식별자입니다.
`model`	`ExtensionK8sModel`	제공되지 않음	이 탐색 항목이 연결되는 모델입니다.
`관점`	`string`	제공됨	이 항목이 속한 화면 ID입니다. 지정하지 않으면 기본 관점에 기여합니다.
`섹션`	`string`	제공됨	이 항목이 속한 탐색 섹션입니다. 지정하지 않으면 이 항목을 최상위 링크로 렌더링합니다.
`dataAttributes`	`{ [key: string]: string; }`	제공됨	NetNamespace에 데이터 특성을 추가합니다.
`startsWith`	`string[]`	제공됨	URL이 이러한 경로 중 하나로 시작될 때 이 항목을 active로 표시합니다.
`insertBefore`	`string \| string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 가 우선합니다.
`name`	`string`	제공됨	기본 이름을 재정의합니다. 링크 이름을 제공하지 않으면 모델의 복수형 값과 동일합니다.

`console.navigation/section`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 항목의 고유 식별자입니다.
`관점`	`string`	제공됨	이 항목이 속한 화면 ID입니다. 지정하지 않으면 기본 관점에 기여합니다.
`dataAttributes`	`{ [key: string]: string; }`	제공됨	NetNamespace에 데이터 특성을 추가합니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 가 우선합니다.
`name`	`string`	제공됨	이 섹션의 이름입니다. 지정하지 않으면 섹션 위에 구분 기호만 표시됩니다.

`console.navigation/separator`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 항목의 고유 식별자입니다.
`관점`	`string`	제공됨	이 항목이 속한 화면 ID입니다. 지정하지 않으면 기본 관점에 기여합니다.
`섹션`	`string`	제공됨	이 항목이 속한 탐색 섹션입니다. 지정하지 않으면 이 항목을 최상위 링크로 렌더링합니다.
`dataAttributes`	`{ [key: string]: string; }`	제공됨	NetNamespace에 데이터 특성을 추가합니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 가 우선합니다.

`console.page/resource/details`

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sGroupKindModel`	제공되지 않음	이 리소스 페이지가 연결되는 모델입니다.
`component`	`CodeRef<React.tektonType<{ match: match<{}>; namespace: string: model: ExtensionK8sModel; }>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.

`console.page/resource/list`

콘솔 라우터에 새 리소스 목록 페이지를 추가합니다.

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sGroupKindModel`	제공되지 않음	이 리소스 페이지가 연결되는 모델입니다.
`component`	`CodeRef<React.tektonType<{ match: match<{}>; namespace: string: model: ExtensionK8sModel; }>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.

`console.page/route`

웹 콘솔 라우터에 새 페이지를 추가합니다. React Router 를 참조하십시오.

이름	값 유형	선택 사항	설명
`component`	`CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.
`path`	`string` \| `string[]`	제공되지 않음	유효한 URL 경로 또는 `경로-regexp@^1.7.0이 이해할 수 있는 경로` 의 배열입니다.
`관점`	`string`	제공됨	이 페이지가 속한 관점입니다. 지정하지 않으면 모든 관점에 기여합니다.
`정확한`	`boolean`	제공됨	true인 경우 은 경로가 `location.pathname` 과 정확히 일치하는 경우에만 일치합니다.

`console.page/route/standalone`

일반 페이지 레이아웃 외부에서 렌더링된 새 독립 실행형 페이지를 웹 콘솔 라우터에 추가합니다. React Router 를 참조하십시오.

이름	값 유형	선택 사항	설명
`component`	`CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.
`path`	`string` \| `string[]`	제공되지 않음	유효한 URL 경로 또는 `경로-regexp@^1.7.0이 이해할 수 있는 경로` 의 배열입니다.
`정확한`	`boolean`	제공됨	true인 경우 은 경로가 `location.pathname` 과 정확히 일치하는 경우에만 일치합니다.

`console.perspective`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	관점 식별자입니다.
`name`	`string`	제공되지 않음	화면 표시 이름입니다.
`icon`	`CodeRef<LazyComponent>`	제공되지 않음	화면 표시 아이콘입니다.
`landingPageURL`	`CodeRef<(flags: { [key: string]: boolean; }, isFirstVisit: boolean) ⇒ string>`	제공되지 않음	화면 랜딩 페이지 URL을 가져오는 기능입니다.
`importRedirectURL`	`CodeRef<(namespace: string) ⇒ string>`	제공되지 않음	가져오기 흐름을 위해 URL을 리디렉션하는 함수입니다.
`default`	`boolean`	제공됨	관점이 기본값인지 여부입니다. 하나의 기본값만 있을 수 있습니다.
`defaultPins`	`ExtensionK8sModel[]`	제공됨	nav에 기본 고정 리소스
`usePerspectiveDetection`	`CodeRef<() ⇒ [boolean, boolean]>`	제공됨	기본 화면을 감지하는 후크

`console.project-overview/inventory-item`

프로젝트 개요 페이지에 새 인벤토리 항목을 추가합니다.

이름	값 유형	선택 사항	설명
`component`	`CodeRef<React.ComponentType<{ projectName: string; }>>`	제공되지 않음	렌더링할 구성 요소입니다.

`console.project-overview/utilization-item`

새 프로젝트 개요 사용 항목을 추가합니다.

이름	값 유형	선택 사항	설명
`title`	`string`	제공되지 않음	사용 항목의 제목입니다.
`getUtilizationQuery`	`CodeRef<GetProjectQuery>`	제공되지 않음	Prometheus 사용률 쿼리입니다.
`humanize`	`CodeRef<Humanize>`	제공되지 않음	Prometheus 데이터를 사람이 읽을 수 있는 형식으로 변환합니다.
`getTotalQuery`	`CodeRef<GetProjectQuery>`	제공됨	Prometheus 총 쿼리입니다.
`getRequestQuery`	`CodeRef<GetProjectQuery>`	제공됨	Prometheus 요청 쿼리입니다.
`getLimitQuery`	`CodeRef<GetProjectQuery>`	제공됨	Prometheus 제한 쿼리입니다.
`TopConsumerPopover`	`CodeRef<React.ComponentType<TopConsumerPopoverProps>>`	제공됨	일반 값 대신 상위 소비자 팝업을 표시합니다.

`console.pvc/alert`

이름	값 유형	선택 사항	설명
`경고`	`CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>`	제공되지 않음	경고 구성 요소입니다.

`console.pvc/create-prop`

이름	값 유형	선택 사항	설명
`label`	`string`	제공되지 않음	create prop 작업의 레이블입니다.
`path`	`string`	제공되지 않음	생성 prop 작업의 경로입니다.

`console.pvc/delete`

이름	값 유형	선택 사항	설명
`서술자`	`CodeRef<(pvc: K8sResourceCommon) ⇒ boolean>`	제공되지 않음	확장 기능을 사용할지 여부를 나타내는 서술자입니다.
`onPVCKill`	`CodeRef<(pvc: K8sResourceCommon) ⇒ Promise<void>>`	제공되지 않음	PVC 삭제 작업의 방법입니다.
`경고`	`CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>`	제공되지 않음	추가 정보를 표시하는 경고 구성 요소입니다.

`console.pvc/status`

이름	값 유형	선택 사항	설명
`priority`	`숫자`	제공되지 않음	상태 구성 요소의 우선 순위입니다. 값이 클수록 우선순위가 높습니다.
`status`	`CodeRef<React.ComponentType<{ pvc: K8sResourceCommon; }>>`	제공되지 않음	상태 구성 요소입니다.
`서술자`	`CodeRef<(pvc: K8sResourceCommon) ⇒ boolean>`	제공되지 않음	상태 구성 요소를 렌더링할지 여부를 나타내는 서술자입니다.

`console.redux-reducer`

plugins.<scope> 하위 상태에서 작동하는 Console Redux 저장소에 새로운 감소 기를 추가합니다.

이름	값 유형	선택 사항	설명
`scope`	`string`	제공되지 않음	Redux 상태 오브젝트 내에서 reducer-managed 하위 상태를 나타내는 키입니다.
`reducer`	`CodeRef<Reducer<any, AnyAction>>`	제공되지 않음	reducer-managed substate에서 작동하는 감소기 기능입니다.

`console.resource/create`

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sModel`	제공되지 않음	리소스 페이지가 렌더링되는 모델입니다.
`component`	`CodeRef<React.ComponentType<CreateResourceComponentProps>>`	제공되지 않음	모델이 일치할 때 렌더링할 구성 요소입니다.

`console.storage-provider`

이름	값 유형	선택 사항	설명
`name`	`string`	제공되지 않음
`구성 요소`	`CodeRef<React.ComponentType<Partial<RouteComponentProps<{}, StaticContext, any>>>>`	제공되지 않음

`console.tab/horizontalNav`

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sKindVersionModel`	제공되지 않음	이 공급자가 표시하는 모델입니다.
`page`	`{ name: string; href: string; }`	제공되지 않음	수평 탭에 표시할 페이지입니다. 탭 이름을 이름으로 사용하고 탭 이름 href를 사용합니다.
`component`	`CodeRef<React.ComponentType<PageComponentProps<K8sResourceCommon>>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.

`console.telemetry/listener`

이름	값 유형	선택 사항	설명
`listener`	`CodeRef<TelemetryEventListener>`	제공되지 않음	원격 분석 이벤트 수신

`console.topology/adapter/build`

BuildAdapter 는 어댑터를 사용하여 Build 구성 요소에서 사용할 수 있는 데이터에 요소를 조정합니다.

이름	값 유형	선택 사항	설명
`adapt`	`CodeRef<(element: GraphElement) ⇒ AdapterDataType<BuildConfigData>	undefined>`	제공되지 않음

`console.topology/adapter/network`

NetworkAdapater 는 어댑터에 기여하여 네트워킹 구성 요소에서 사용할 수 있는 데이터에 요소를 적용합니다.

이름	값 유형	선택 사항	설명
`adapt`	'CodeRef<(element: Graph915) tekton NetworkAdapterType	undefined>`	제공되지 않음

`console.topology/adapter/pod`

PodAdapter 은 어댑터를 제공하여 Pod 구성 요소에서 사용할 수 있는 데이터에 요소를 적용합니다.

이름	값 유형	선택 사항	설명
`adapt`	`CodeRef<(element: GraphElement) ⇒ AdapterDataType<PodsAdapterDataType>	undefined>`	제공되지 않음

`console.topology/component/factory`

ViewComponentFactory.에 대한 getter입니다.

이름	값 유형	선택 사항	설명
`getFactory`	`CodeRef<ViewComponentFactory>`	제공되지 않음	`ViewComponentFactory`.에 대한 getter입니다.

`console.topology/create/connector`

create connector 함수의 getter입니다.

이름	값 유형	선택 사항	설명
`getCreateConnector`	`CodeRef<CreateConnectionGetter>`	제공되지 않음	create connector 함수의 getter입니다.

`console.topology/data/factory`

토폴로지 데이터 모델 팩토리 확장

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	팩토리의 고유 ID입니다.
`priority`	`숫자`	제공되지 않음	팩토리의 우선 순위
`resources`	`WatchK8sResourcesGeneric`	제공됨	useK8sWatchResources 후크에서 가져올 리소스입니다.
`workloadKeys`	`string[]`	제공됨	워크로드를 포함하는 리소스의 키입니다.
`getDataModel`	`CodeRef<TopologyDataModelGetter>`	제공됨	데이터 모델의 팩토리를 가져옵니다.
`isResourceDepicted`	`CodeRef<TopologyDataModelDepicted>`	제공됨	이 모델 팩토리에서 리소스를 묘사하고 있는지 확인하는 함수를 가져옵니다.Getter for function to determine if a resource is depicted by this model factory.
`getDataModelReconciler`	`CodeRef<TopologyDataModelReconciler>`	제공됨	getter for function to reconcile data model after all extensions' models have loaded.

`console.topology/decorator/provider`

토폴로지 실행기 공급자 확장

이름	값 유형	선택 사항
`id`	`string`	제공되지 않음
`priority`	`숫자`	제공되지 않음
`Quadrant`	`TopologyQuadrant`	제공되지 않음
`데코레이터`	`CodeRef<TopologyDecoratorGetter>`	제공되지 않음

`console.topology/details/resource-alert`

DetailsResourceAlert 는 특정 토폴로지 컨텍스트 또는 그래프 요소에 대한 경고를 제공합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 경고의 ID입니다. 취소된 후 경고가 표시되지 않아야 하는 경우 상태를 저장하는 데 사용됩니다.
`contentProvider`	'CodeRef<(element: Graph915) tekton DetailsResourceAlertContent	null>`	제공되지 않음

`console.topology/details/resource-link`

DetailsResourceLink 는 특정 토폴로지 컨텍스트 또는 그래프 요소에 대한 링크를 제공합니다.

이름	값 유형	선택 사항	설명
`link`	'CodeRef<(element: Graph915) tekton React.tekton	undefined>`	제공되지 않음
제공된 경우 리소스 링크를 반환합니다. 그러지 않으면 정의되지 않은 것입니다. 스타일에 대해 `ResourceIcon` 및 `ResourceLink` 속성을 사용합니다.	`priority`	`숫자`	제공됨

`console.topology/details/tab`

DetailsTab 은 토폴로지 세부 정보 패널의 탭에 기여합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 세부 정보 탭의 고유 식별자입니다.
`label`	`string`	제공되지 않음	UI에 표시할 탭 레이블입니다.
`insertBefore`	`string` \| `string[]`	제공됨	여기에 참조된 항목 앞에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used.
`insertAfter`	`string` \| `string[]`	제공됨	여기에 참조된 항목 뒤에 이 항목을 삽입합니다. 배열의 경우 순서대로 찾은 첫 번째 항목이 사용됩니다.For arrays, the first one found in order is used. `insertBefore` 값이 우선합니다.

`console.topology/details/tab-section`

DetailsTabSection 은 토폴로지 세부 정보 패널의 특정 탭에 대한 섹션을 제공합니다.

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	이 세부 정보 탭의 고유 식별자입니다.
`tab`	`string`	제공되지 않음	이 섹션이 기여해야 하는 상위 탭 ID입니다.
`공급자`	`CodeRef<DetailsTabSectionExtensionHook>`	제공되지 않음	구성 요소를 반환하는 후크 또는 토폴로지 사이드바.SDK 구성 요소(<Section title=\{}>…padded 영역)에서 null 또는 정의되지 않은 렌더링이 있는 경우
`섹션`	'CodeRef<(element: Graph915, renderdatabind?:) tekton null) tekton React.databind	undefined>`	제공되지 않음
공급자가 정의되지 않은 경우 @decated Fallback. rendertekton는 이미 no-op입니다.	`insertBefore`	`string` \| `string[]`	제공됨
여기에서 참조되는 항목 앞에 이 항목을 삽입합니다.For arrays, the first one found in order is used.	`insertAfter`	`string` \| `string[]`	제공됨

`console.topology/display/filters`

토폴로지 디스플레이 필터 확장

이름	값 유형	선택 사항	설명
`getTopologyFilters`	`CodeRef<() ⇒ TopologyDisplayOption[]>`	제공되지 않음
`applyDisplayOptions`	`CodeRef<TopologyApplyDisplayOptions>`	제공되지 않음

`console.topology/relationship/provider`

토폴로지 관계 공급자 커넥터 확장

이름	값 유형	선택 사항
`제공`	`CodeRef<RelationshipProviderProvides>`	제공되지 않음
`tooltip`	`string`	제공되지 않음
`create`	`CodeRef<RelationshipProviderCreate>`	제공되지 않음
`priority`	`숫자`	제공되지 않음

`console.user-preference/group`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	사용자 환경 설정 그룹을 식별하는 데 사용되는 ID입니다.
`label`	`string`	제공되지 않음	사용자 기본 설정 그룹의 레이블
`insertBefore`	`string`	제공됨	이 그룹을 배치하기 전에 사용자 기본 설정 그룹의 ID
`insertAfter`	`string`	제공됨	이 그룹을 배치해야 하는 후 사용자 기본 설정 그룹의 ID

`console.user-preference/item`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	사용자 기본 설정 항목을 식별하고 insertAfter 및 insertBefore에서 참조하여 항목 순서를 정의하는 데 사용되는 ID입니다.
`label`	`string`	제공되지 않음	사용자 기본 설정 라벨
`description`	`string`	제공되지 않음	사용자 기본 설정에 대한 설명입니다.
`field`	`UserPreferenceField`	제공되지 않음	값을 렌더링하여 사용자 기본 설정을 설정하는 데 사용되는 입력 필드 옵션입니다.
`groupId`	`string`	제공됨	항목이 속하는 사용자 기본 설정 그룹을 식별하는 데 사용되는 ID입니다.
`insertBefore`	`string`	제공됨	이 항목을 배치해야 하는 사용자 기본 설정 항목의 ID
`insertAfter`	`string`	제공됨	이 항목을 배치해야 하는 후 사용자 기본 설정 항목의 ID

`console.yaml-template`

yaml 편집기를 통해 리소스를 편집하기 위한 YAML 템플릿

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sModel`	제공되지 않음	템플릿과 연결된 모델입니다.
`template`	`CodeRef<string>`	제공되지 않음	YAML 템플릿입니다.
`name`	`string`	제공되지 않음	템플릿의 이름입니다. 이름 `default` 를 사용하여 기본 템플릿으로 표시합니다.

`dev-console.add/action`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	작업을 식별하는 데 사용되는 ID입니다.
`label`	`string`	제공되지 않음	동작의 레이블입니다.
`description`	`string`	제공되지 않음	작업에 대한 설명입니다.
`href`	`string`	제공되지 않음	href로 이동합니다.
`groupId`	`string`	제공됨	작업이 속하는 작업 그룹을 식별하는 데 사용되는 ID입니다.
`icon`	`CodeRef<React.ReactNode>`	제공됨	화면 표시 아이콘입니다.
`accessReview`	`AccessReviewResourceAttributes[]`	제공됨	작업의 가시성 또는 활성화를 제어하는 선택적 액세스 검토입니다.

`dev-console.add/action-group`

이름	값 유형	선택 사항	설명
`id`	`string`	제공되지 않음	작업 그룹을 식별하는 데 사용되는 ID입니다.
`name`	`string`	제공되지 않음	작업 그룹의 제목
`insertBefore`	`string`	제공됨	이 그룹을 배치하기 전에 작업 그룹의 ID
`insertAfter`	`string`	제공됨	이 그룹을 배치해야 하는 작업 그룹 ID

`dev-console.import/environment`

이름	값 유형	선택 사항	설명
`imageStreamName`	`string`	제공되지 않음	사용자 정의 환경 변수를 제공하는 이미지 스트림의 이름입니다.
`imageStreamTags`	`string[]`	제공되지 않음	지원되는 이미지 스트림 태그 목록
`환경`	`ImageEnvironment[]`	제공되지 않음	환경 변수 목록

`console.page/resource/tab`

사용되지 않음. 대신 console.tab/horizontalNav 를 사용합니다. Console 라우터에 새 리소스 탭 페이지를 추가합니다.

이름	값 유형	선택 사항	설명
`model`	`ExtensionK8sGroupKindModel`	제공되지 않음	이 리소스 페이지가 연결되는 모델입니다.
`component`	`CodeRef<React.ComponentType<RouteComponentProps<{}, StaticContext, any>>>`	제공되지 않음	경로가 일치할 때 렌더링할 구성 요소입니다.
`name`	`string`	제공되지 않음	탭의 이름입니다.
`href`	`string`	제공됨	탭 링크의 href 옵션입니다. 제공되지 않는 경우 첫 번째 `경로가` 사용됩니다.
`정확한`	`boolean`	제공됨	true인 경우 은 경로가 `location.pathname` 과 정확히 일치하는 경우에만 일치합니다.

7.5.2. OpenShift Container Platform 콘솔 API

`useActivePerspective`

현재 활성화된 관점과 활성 관점을 설정하기 위한 콜백을 제공하는 후크. 현재 활성화된 관점 및 setter 콜백을 포함하는 DestinationRule을 반환합니다.

const Component: React.FC = (props) => {
   const [activePerspective, setActivePerspective] = useActivePerspective();
   return <select
     value={activePerspective}
     onChange={(e) => setActivePerspective(e.target.value)}
   >
     {
       // ...perspective options
     }
   </select>
}

`GreenCheckCircleIcon`

녹색 확인 표시 원 아이콘을 표시하는 구성 요소입니다.

<GreenCheckCircleIcon title="Healthy" />

매개변수 이름	설명
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`title`	(선택 사항) 아이콘 제목
`크기`	(선택 사항) 아이콘 크기: ('sm', 'md', 'lg', 'xl')

`RedExclamationCircleIcon`

빨간색 느낌표 원 아이콘을 표시하는 구성 요소입니다.

<RedExclamationCircleIcon title="Failed" />

매개변수 이름	설명
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`title`	(선택 사항) 아이콘 제목
`크기`	(선택 사항) 아이콘 크기: ('sm', 'md', 'lg', 'xl')

`YellowExclamationTriangleIcon`

노란색 구분 기호 아이콘을 표시하는 구성 요소입니다.

<YellowExclamationTriangleIcon title="Warning" />

매개변수 이름	설명
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`title`	(선택 사항) 아이콘 제목
`크기`	(선택 사항) 아이콘 크기: ('sm', 'md', 'lg', 'xl')

`BlueInfoCircleIcon`

Blue info 원 아이콘을 표시하는 구성 요소입니다.

<BlueInfoCircleIcon title="Info" />

매개변수 이름	설명
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`title`	(선택 사항) 아이콘 제목
`크기`	(선택 사항) 아이콘 크기: ('sm', 'md', 'lg', 'xl')

`ErrorStatus`

오류 상태 팝업을 표시하는 구성 요소입니다.

<ErrorStatus title={errorMsg} />

매개변수 이름	설명
`title`	(선택 사항) 상태 텍스트
`iconOnly`	(선택 사항) true인 경우 아이콘만 표시합니다.
`noTooltip`	(선택 사항) true인 경우 툴팁이 표시되지 않습니다.
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`popoverTitle`	(선택 사항) 팝업의 제목

`InfoStatus`

정보 상태 팝업을 표시하는 구성 요소입니다.

<InfoStatus title={infoMsg} />

매개변수 이름	설명
`title`	(선택 사항) 상태 텍스트
`iconOnly`	(선택 사항) true인 경우 아이콘만 표시합니다.
`noTooltip`	(선택 사항) true인 경우 툴팁이 표시되지 않습니다.
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`popoverTitle`	(선택 사항) 팝업의 제목

`ProgressStatus`

진행 상태 팝업을 표시하는 구성 요소입니다.

<ProgressStatus title={progressMsg} />

매개변수 이름	설명
`title`	(선택 사항) 상태 텍스트
`iconOnly`	(선택 사항) true인 경우 아이콘만 표시합니다.
`noTooltip`	(선택 사항) true인 경우 툴팁이 표시되지 않습니다.
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`popoverTitle`	(선택 사항) 팝업의 제목

`successStatus`

성공 상태 팝업을 표시하는 구성 요소입니다.

<SuccessStatus title={successMsg} />

매개변수 이름	설명
`title`	(선택 사항) 상태 텍스트
`iconOnly`	(선택 사항) true인 경우 아이콘만 표시합니다.
`noTooltip`	(선택 사항) true인 경우 툴팁이 표시되지 않습니다.
`className`	(선택 사항) 구성 요소의 추가 클래스 이름입니다.
`popoverTitle`	(선택 사항) 팝업의 제목

`checkAccess`

지정된 리소스에 대한 사용자 액세스에 대한 정보를 제공합니다. 리소스 액세스 정보를 사용하여 오브젝트를 반환합니다.

매개변수 이름	설명
`resourceAttributes`	액세스 검토를 위한 리소스 속성
`impersonate`	가장 세부 정보

`useAccessReview`

지정된 리소스에 대한 사용자 액세스에 대한 정보를 제공하는 후크. isAllowed 및 loading 값을 사용하여 배열을 반환합니다.

매개변수 이름	설명
`resourceAttributes`	액세스 검토를 위한 리소스 속성
`impersonate`	가장 세부 정보

`useResolvedExtensions`

확인된 CodeRef 속성과 함께 콘솔 확장을 사용하기 위한 react hook입니다. 이 후크는 useExtensions 후크로 동일한 인수를 수락하고 조정된 확장 인스턴스 목록을 반환하여 각 확장 기능 속성 내의 모든 코드 참조를 해결합니다. 처음에 후크는 빈 배열을 반환합니다. 해결이 완료되면 React 구성 요소가 조정된 확장 목록을 반환하는 후크로 다시 렌더링됩니다. 일치하는 확장 목록이 변경되면 확인이 다시 시작됩니다. 해결이 완료될 때까지 후크는 이전 결과를 계속 반환합니다. 후크의 결과 요소는 re-render에서 참조로 안정적으로 유지됩니다. 해결된 코드 참조가 있는 조정된 확장 인스턴스 목록, 확인 중 확인이 완료되었는지 여부를 나타내는 부울 플래그, 해결 중 감지된 오류 목록을 포함하는 DestinationRule을 반환합니다.

const [navItemExtensions, navItemsResolved] = useResolvedExtensions<NavItem>(isNavItem);
// process adapted extensions and render your component

매개변수 이름	설명
`typeGuards`	각각 동적 플러그인 확장을 인수로 수락하고 확장이 원하는 유형 제약 조건을 충족하는지 여부를 나타내는 부울 플래그를 반환하는 콜백 목록

`HorizontalNav`

페이지의 탐색 모음을 만드는 구성 요소는 구성 요소의 일부로 처리됩니다.- Routing은 구성 요소의 일부로 처리됩니다.- console.tab/horizontalNav 는 모든 수평 nav에 콘텐츠를 추가하는 데 사용할 수 있습니다.

const HomePage: React.FC = (props) => {
    const page = {
      href: '/home',
      name: 'Home',
      component: () => <>Home</>
    }
    return <HorizontalNav match={props.match} pages={[page]} />
}

매개변수 이름	설명
`resource`	이 Navigation과 관련된 리소스, K8sResourceCommon 유형의 개체
`페이지`	페이지 오브젝트의 배열
`match`	React Router에서 제공하는 일치 오브젝트

`VirtualizedTable`

가상화된 테이블을 만드는 구성 요소입니다.

const MachineList: React.FC<MachineListProps> = (props) => {
  return (
    <VirtualizedTable<MachineKind>
     {...props}
     aria-label='Machines'
     columns={getMachineColumns}
     Row={getMachineTableRow}
    />
  );
}

매개변수 이름	설명
`data`	표의 데이터
`Loaded`	데이터가 로드되었음을 나타내는 플래그
`loadError`	데이터 로드에 문제가 있는 경우 오류 개체
`열`	열 설정
`row`	행 설정
`unfilteredData`	필터가 없는 원본 데이터
`NoDataEmptyMsg`	(선택 사항) 데이터 빈 메시지 구성 요소가 없음
`EmptyMsg`	(선택 사항) 빈 메시지 구성 요소
`scrollNode`	(선택 사항) 스크롤을 처리하는 기능
`label`	(선택 사항) 표의 라벨
`ariaLabel`	(선택 사항) label
`gridBreakPoint`	응답성을 위해 Grid의 크기 조정
`onSelect`	(선택 사항) 표 선택 처리를 위한 기능
`rowData`	(선택 사항) 행과 관련된 데이터

`TableData`

테이블 행 내에 테이블 데이터를 표시하는 구성 요소입니다.

const PodRow: React.FC<RowProps<K8sResourceCommon>> = ({ obj, activeColumnIDs }) => {
  return (
    <>
      <TableData id={columns[0].id} activeColumnIDs={activeColumnIDs}>
        <ResourceLink kind="Pod" name={obj.metadata.name} namespace={obj.metadata.namespace} />
      </TableData>
      <TableData id={columns[1].id} activeColumnIDs={activeColumnIDs}>
        <ResourceLink kind="Namespace" name={obj.metadata.namespace} />
      </TableData>
    </>
  );
};

매개변수 이름	설명
`id`	테이블의 고유 ID
`activeColumnIDs`	활성 열
`className`	(선택 사항) 옵션 클래스 이름

`useActiveColumns`

사용자가 선택한 활성 테이블 DestinationRules 목록을 제공하는 후크입니다.

  // See implementation for more details on TableColumn type
  const [activeColumns, userSettingsLoaded] = useActiveColumns({
    columns,
    showNamespaceOverride: false,
    columnManagementID,
  });
  return userSettingsAreLoaded ? <VirtualizedTable columns= {activeColumns} {...otherProps} /> : null

매개변수 이름	설명
`options`	키-값 맵으로 전달되는 방법
``	\{TableECDHE[]} options.columns - 사용 가능한 모든 TableECDHEs의 배열
``	{Boolean} [options.showNamespaceOverride] - (선택 사항) true인 경우 열 관리 선택에 관계없이 네임스페이스 열이 포함됩니다.
``	{string} [options.columnManagementID] - (선택 사항) 사용자 설정으로 열 관리 선택을 유지하고 검색하는 데 사용되는 고유 ID입니다. 일반적으로 리소스에 대한 'group_verionkind' 문자열입니다.

현재 사용자가 선택한 활성 열( options.columns의 하위 집합)과 사용자 설정이 로드되었는지 여부를 나타내는 부울 플래그가 포함됩니다.

`ListPageHeader`

페이지 헤더를 생성하는 구성 요소입니다.

const exampleList: React.FC = () => {
  return (
    <>
      <ListPageHeader title="Example List Page"/>
    </>
  );
};

매개변수 이름	설명
`title`	제목
`helpECDHE`	(선택 사항) help section as react node
`badge`	(선택 사항) 반응 노드로 배지 아이콘

`ListPageCreate`

이 리소스의 YAML 생성에 대한 링크를 자동으로 생성하는 특정 리소스 종류에 대한 생성 버튼을 추가하는 구성 요소입니다.

const exampleList: React.FC<MyProps> = () => {
  return (
    <>
      <ListPageHeader title="Example Pod List Page"/>
        <ListPageCreate groupVersionKind="Pod">Create Pod</ListPageCreate>
      </ListPageHeader>
    </>
  );
};

매개변수 이름	설명
`groupVersionKind`	나타낼 리소스 그룹/버전/종류

`ListPageCreateLink`

제대로 된 링크를 만들기 위한 구성 요소입니다.

const exampleList: React.FC<MyProps> = () => {
 return (
  <>
   <ListPageHeader title="Example Pod List Page"/>
      <ListPageCreateLink to={'/link/to/my/page'}>Create Item</ListPageCreateLink>
   </ListPageHeader>
  </>
 );
};

매개변수 이름	설명
`다음으로 변경`	링크가 직접해야 하는 문자열 위치
`createAccessReview`	(선택 사항) 네임스페이스가 있는 오브젝트와 액세스를 결정하는 데 사용되는 종류
`children`	(선택 사항) 구성 요소에 대한 하위 항목

`ListPageCreateButton`

버튼을 생성하는 구성 요소입니다.

const exampleList: React.FC<MyProps> = () => {
  return (
    <>
      <ListPageHeader title="Example Pod List Page"/>
        <ListPageCreateButton createAccessReview={access}>Create Pod</ListPageCreateButton>
      </ListPageHeader>
    </>
  );
};

매개변수 이름	설명
`createAccessReview`	(선택 사항) 네임스페이스가 있는 오브젝트와 액세스를 결정하는 데 사용되는 종류
`pfButtonProps`	(선택 사항) Patternfly Button props

`ListPageCreateDropdown`

권한 확인으로 줄 바꿈 드롭다운을 생성하는 구성 요소입니다.

const exampleList: React.FC<MyProps> = () => {
  const items = {
    SAVE: 'Save',
    DELETE: 'Delete',
  }
  return (
    <>
     <ListPageHeader title="Example Pod List Page"/>
       <ListPageCreateDropdown createAccessReview={access} items={items}>Actions</ListPageCreateDropdown>
     </ListPageHeader>
    </>
  );
};

매개변수 이름	설명
`항목`	key:ReactNode 쌍의 드롭다운 구성 요소에 표시할 항목
`onClick`	드롭다운 항목을 클릭하기 위한 콜백 함수
`createAccessReview`	(선택 사항) 네임스페이스가 있는 오브젝트와 액세스를 결정하는 데 사용되는 종류
`children`	(선택 사항) 드롭다운 토글의 하위 항목

`ListPageFilter`

목록 페이지에 대한 필터를 생성하는 구성 요소입니다.

  // See implementation for more details on RowFilter and FilterValue types
  const [staticData, filteredData, onFilterChange] = useListPageFilter(
    data,
    rowFilters,
    staticFilters,
  );
  // ListPageFilter updates filter state based on user interaction and resulting filtered data can be rendered in an independent component.
  return (
    <>
      <ListPageHeader .../>
      <ListPagBody>
        <ListPageFilter data={staticData} onFilterChange={onFilterChange} />
        <List data={filteredData} />
      </ListPageBody>
    </>
  )

매개변수 이름	설명
`data`	데이터 지점의 배열
`Loaded`	데이터가 로드되었음을 나타냅니다.
`onFilterChange`	filter가 업데이트될 때의 콜백 함수
`rowFilters`	(선택 사항) 사용 가능한 필터 옵션을 정의하는 RowFilter 요소의 배열입니다.
`nameFilterPlaceholder`	(선택 사항) 이름 필터의 자리 표시자
`labelFilterPlaceholder`	(선택 사항) 라벨 필터의 자리 표시자
`hideLabelFilter`	(선택 사항) 이름 필터와 레이블 필터 대신 이름 필터만 표시합니다.
`hideNameLabelFilter`	(선택 사항) 이름 필터와 레이블 필터를 모두 숨깁니다.
`columnLayout`	(선택 사항) 열 레이아웃 오브젝트
`hideColumnManagement`	(선택 사항) 열 관리를 숨기는 플래그

`useListPageFilter`

ListPageFilter 구성 요소의 필터 상태를 관리하는 후크입니다. 모든 정적 필터에 의해 필터링된 데이터, 모든 정적 및 행 필터로 필터링된 데이터, rowFilter를 업데이트하는 콜백을 포함하는 DestinationRule을 반환합니다.

  // See implementation for more details on RowFilter and FilterValue types
  const [staticData, filteredData, onFilterChange] = useListPageFilter(
    data,
    rowFilters,
    staticFilters,
  );
  // ListPageFilter updates filter state based on user interaction and resulting filtered data can be rendered in an independent component.
  return (
    <>
      <ListPageHeader .../>
      <ListPagBody>
        <ListPageFilter data={staticData} onFilterChange={onFilterChange} />
        <List data={filteredData} />
      </ListPageBody>
    </>
  )

매개변수 이름	설명
`data`	데이터 지점의 배열
`rowFilters`	(선택 사항) 사용 가능한 필터 옵션을 정의하는 RowFilter 요소의 배열입니다.
`staticFilters`	(선택 사항) 데이터에 정적으로 적용되는 FilterValue 요소의 배열입니다.

`ResourceLink`

아이콘 배지와 함께 특정 리소스 유형에 대한 링크를 생성하는 구성 요소입니다.

  <ResourceLink
      kind="Pod"
      name="testPod"
      title={metadata.uid}
  />

매개변수 이름	설명
`kind`	(선택 사항) 리소스의 종류 즉 포드, 배포, 네임스페이스
`groupVersionKind`	(선택 사항) groupd, version 및 kind가 있는 오브젝트
`className`	(선택 사항) 구성 요소에 대한 클래스 스타일
`displayName`	(선택 사항) 구성 요소의 표시 이름을 표시하고, 설정된 경우 리소스 이름을 덮어씁니다.
`인라인`	(선택 사항) 아이콘 배지 및 하위 이름과 함께 이름을 만드는 플래그
`linkTo`	(선택 사항) Link 오브젝트를 생성하는 플래그 - 기본값은 true입니다.
`name`	(선택 사항) 리소스 이름
`namesapce`	(선택 사항) 종류 리소스에 대한 특정 네임스페이스로 연결할 수 있습니다.
`hideIcon`	(선택 사항) 아이콘 배지를 숨기는 플래그
`title`	(선택 사항) link 오브젝트의 제목(표시되지 않음)
`dataTest`	(선택 사항) 테스트의 식별자
`onClick`	(선택 사항) 구성 요소를 클릭할 때의 콜백 함수
`truncate`	(선택 사항) 너무 긴 경우 링크를 중지하는 플래그

`resourceIcon`

특정 리소스 유형에 대한 아이콘 배지를 생성하는 구성 요소입니다.

<ResourceIcon kind="Pod"/>

매개변수 이름	설명
`kind`	(선택 사항) 리소스의 종류 즉 포드, 배포, 네임스페이스
`groupVersionKind`	(선택 사항) group, version 및 kind가 있는 오브젝트
`className`	(선택 사항) 구성 요소에 대한 클래스 스타일

`useK8sModel`

redux에서 제공된 K8sGroupVersionKind에 대한 k8s 모델을 검색하는 후크. 첫 번째 항목이 k8s 모델이고 두 번째 항목이 inFlight 상태로 있는 배열을 반환합니다.

const Component: React.FC = () => {
  const [model, inFlight] = useK8sModel({ group: 'app'; version: 'v1'; kind: 'Deployment' });
  return ...
}

매개변수 이름	설명
`groupVersionKind`	그룹, 버전, 종류의 k8s 리소스 \{@link K8sGroupVersionKind}는 그룹, 버전, 더 이상 그룹 버전 종류 \{@link K8sResourceKindReference}에 대한 참조를 전달할 수 있습니다.

`useK8sModels`

redux에서 현재 모든 k8s 모델을 검색하는 후크. 첫 번째 항목이 k8s 모델 목록과 두 번째 항목이 inFlight 상태로 있는 배열을 반환합니다.

const Component: React.FC = () => {
  const [models, inFlight] = UseK8sModels();
  return ...
}

`useK8sWatchResource`

로드 및 오류 상태와 함께 k8s 리소스를 검색하는 후크 첫 번째 항목이 있는 배열을 resource(s), 두 번째 항목을 로드된 상태로, 세 번째 항목을 오류 상태로 반환합니다.

const Component: React.FC = () => {
  const watchRes = {
        ...
      }
  const [data, loaded, error] = useK8sWatchResource(watchRes)
  return ...
}

매개변수 이름	설명
`initResource`	리소스를 조사하는 데 필요한 옵션.

`useK8sWatchResources`

로드 및 오류의 각 상태와 함께 k8s 리소스를 검색하는 후크 initResouces에 제공된 키가 있는 맵을 반환하고 value에는 세 가지 속성 데이터, 로드 및 오류가 있습니다.

const Component: React.FC = () => {
  const watchResources = {
        'deployment': {...},
        'pod': {...}
        ...
      }
  const {deployment, pod} = useK8sWatchResources(watchResources)
  return ...
}

매개변수 이름	설명
`initResources`	리소스는 키-값 쌍으로 모니터링해야 합니다. 여기서 키는 리소스에 고유하며, 각 리소스를 조사하는 데 필요한 옵션이 됩니다.

`consoleFetch`

콘솔 특정 헤더를 추가하고 재시도 및 타임아웃을 허용하는 fetch 에 대한 사용자 정의 래퍼를 사용하여 응답 상태 코드의 유효성을 검사하고 필요한 경우 적절한 오류를 발생시키거나 사용자를 로그아웃합니다. 응답에 해결되는 작업을 반환합니다.

매개변수 이름	설명
`url`	가져올 URL
`options`	가져오기를 위해 전달할 옵션
`timeout`	시간 초과(밀리초)

`consoleFetchJSON`

콘솔 특정 헤더를 추가하고 재시도 및 타임아웃을 허용하는 fetch 관련 사용자 정의 래퍼입니다. 또한 응답 상태 코드의 유효성을 검사하고 적절한 오류가 발생하거나 필요한 경우 사용자를 기록합니다. 응답을 JSON 오브젝트로 반환합니다. 내부적으로 consoleFetch 를 사용합니다. 응답에서 JSON 오브젝트로 확인되는 작업을 반환합니다.

매개변수 이름	설명
`url`	가져올 URL
`method`	사용할 HTTP 메서드입니다. 기본값은 GET입니다.
`options`	가져오기를 위해 전달할 옵션
`timeout`	시간 초과(밀리초)
`cluster`	요청할 클러스터의 이름입니다. 기본값은 사용자가 선택한 활성 클러스터입니다.

`consoleFetchText`

콘솔 특정 헤더를 추가하고 재시도 및 타임아웃을 허용하는 fetch 관련 사용자 정의 래퍼입니다. 또한 응답 상태 코드의 유효성을 검사하고 적절한 오류가 발생하거나 필요한 경우 사용자를 기록합니다. 응답을 텍스트로 반환합니다. 내부적으로 consoleFetch 를 사용합니다. 응답에 텍스트로 해결되는 작업을 반환합니다.

매개변수 이름	설명
`url`	가져올 URL
`options`	가져오기를 위해 전달할 옵션
`timeout`	시간 초과(밀리초)
`cluster`	요청할 클러스터의 이름입니다. 기본값은 사용자가 선택한 활성 클러스터입니다.

`getConsoleRequestHeaders`

현재 redux 상태를 사용하여 API 요청에 대한 가장 및 다중 클러스터 관련 헤더를 생성하는 함수입니다. redux 상태에 따라 적절한 가장 및 clustr requst 헤더가 포함된 오브젝트를 반환합니다.

매개변수 이름	설명
`targetCluster`	제공된 targetCluster로 현재 활성 클러스터 덮어쓰기

`k8sGetResource`

제공된 옵션에 따라 클러스터에서 리소스를 가져옵니다. 이름이 제공되면 하나의 리소스를 반환하고 다른 리소스는 모델과 일치하는 모든 리소스를 반환합니다. 이 명령은 이름이 모델에 일치하는 모든 리소스를 반환하는 경우 리소스가 포함된 JSON 오브젝트로 응답을 확인하는 것을 반환합니다. 실패하는 경우 HTTP 오류 응답을 사용하여 스키마가 거부됩니다.

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달되는 경우
``	options.model - k8s 모델
``	options.name - 리소스 이름이 제공되지 않으면 해당 모델과 일치하는 모든 리소스를 찾습니다.
``	options.ns - 확인할 네임스페이스로 클러스터 범위의 리소스에 대해 지정하지 않아야 합니다.
``	options.path - 지정된 경우 하위 경로로 적용
``	options.queryParams - URL에 포함할 쿼리 매개변수입니다.
``	options.requestInit - 사용할 fetch init 오브젝트입니다. 여기에는 요청 헤더, 메서드, 리디렉션 등이 있을 수 있습니다. 자세한 내용은 (link: https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_dom_d.requestinit.html)을 참조하십시오.

`k8sCreateResource`

제공된 옵션에 따라 클러스터에 리소스를 생성합니다. 생성된 리소스의 응답으로 확인되는 커밋을 반환합니다. 실패의 경우 HTTP 오류 응답을 사용하여 거부됩니다.

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달되는 경우
``	options.model - k8s 모델
``	options.data - 생성할 리소스의 페이로드
``	options.path - 지정된 경우 하위 경로로 적용
``	options.queryParams - URL에 포함할 쿼리 매개변수입니다.

`k8sUpdateResource`

providedoptions를 기반으로 클러스터의 전체 리소스를 업데이트합니다. 클라이언트가 기존 리소스를 완전히 교체해야 하는 경우 k8sUpdate를 사용할 수 있습니다. 또는 k8sPatch를 사용하여 부분 업데이트를 수행할 수 있습니다. 업데이트된 리소스의 응답으로 확인되는 커밋을 반환합니다. 실패의 경우 HTTP 오류 응답을 사용하여 거부됩니다.

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달되는 방법
``	options.model - k8s 모델
``	options.data - k8s 리소스의 페이로드 업데이트
``	options.ns - 조회할 네임스페이스로, 클러스터 범위의 리소스에 대해 지정하지 않아야 합니다.
``	options.name - 업데이트할 리소스 이름입니다.
``	options.path - 지정된 경우 하위 경로로 적용
``	options.queryParams - URL에 포함할 쿼리 매개변수입니다.

`k8sPatchResource`

제공된 옵션에 따라 클러스터의 모든 리소스를 패치합니다. 클라이언트가 부분 업데이트를 수행해야 하는 경우 k8sPatch를 사용할 수 있습니다. 또는 k8sUpdate를 사용하여 기존 리소스를 완전히 교체할 수 있습니다. 자세한 내용은 데이터 추적기 를 참조하십시오. 패치된 리소스의 응답으로 확인되는 커밋을 반환합니다. 실패의 경우 HTTP 오류 응답을 사용하여 거부됩니다.

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달됩니다.
``	options.model - k8s 모델
``	options.resource - 패치할 리소스입니다.
``	options.data - 작업, 경로 및 값이 있는 기존 리소스에 패치될 데이터만 있습니다.
``	options.path - 지정된 경우 하위 경로로 적용됩니다.
``	options.queryParams - URL에 포함할 쿼리 매개변수입니다.

`k8sDeleteResource`

제공된 모델을 기반으로 클러스터에서 리소스를 삭제합니다. 가비지 컬렉션은 제공된 모델의 propagationPolicy 속성으로 구성되거나 JSON으로 전달될 수 있습니다. Status 유형의 응답으로 확인되는 작업을 반환합니다. 실패의 경우 HTTP 오류 응답을 사용하여 거부됩니다.

{ kind: 'DeleteOptions', apiVersion: 'v1', propagationPolicy }

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달됩니다.
``	options.model - k8s 모델
``	options.resource - 삭제할 리소스입니다.
``	options.path - 지정된 경우 하위 경로로 적용
``	options.queryParams - URL에 포함할 쿼리 매개변수입니다.
``	options.requestInit - 사용할 fetch init 오브젝트입니다. 여기에는 요청 헤더, 메서드, 리디렉션 등이 있을 수 있습니다. 자세한 내용은 \{@link https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_dom_d.requestinit.html }을 참조하십시오.
``	options.json - 제공된 경우 리소스의 가비지 컬렉션을 모델의 "propagationPolicy"로 기본으로 설정할 수 있습니다.

`k8sListResource`

제공된 옵션에 따라 리소스를 클러스터의 배열로 나열합니다. 응답에 해결되는 작업을 반환합니다.

매개변수 이름	설명
`options`	맵에서 키-값 쌍으로 전달되는 경우
``	options.model - k8s 모델
``	options.queryParams - URL에 포함할 쿼리 매개변수이며 "labelSelector" 키로 라벨 선택기를 전달할 수 있습니다.
``	options.requestInit - 사용할 fetch init 오브젝트입니다. 여기에는 요청 헤더, 메서드, 리디렉션 등이 있을 수 있습니다. 자세한 내용은 \{@link https://microsoft.github.io/PowerBI-JavaScript/interfaces/node_modules_typedoc_node_modules_typescript_lib_dom_d.requestinit.html }을 참조하십시오.

`k8sListResourceItems`

\{@link k8sListResource}와 동일하지만 하위 항목을 반환합니다. 모델 i.e 그룹/버전의 apiVersion을 반환합니다.

`getAPIVersionForModel`

k8s 모델에 apiVersion을 제공합니다.

매개변수 이름	설명
`model`	k8s 모델

`getGroupVersionKindForResource`

리소스에 대한 그룹, 버전 및 종류를 제공합니다. 제공된 리소스에 대한 kind 그룹인 version을 반환합니다. 리소스에 API 그룹이 없으면 그룹 "core"가 반환됩니다. 리소스에 잘못된 apiVersion이 있으면 Error가 발생합니다.

매개변수 이름	설명
`resource`	k8s 리소스

`getGroupVersionKindForModel`

k8s 모델의 그룹, 버전 및 종류를 제공합니다. 이렇게 하면 제공된 모델에 맞는 그룹 version이 반환됩니다. 모델에 apiGroup이 없는 경우 그룹 "core"가 반환됩니다.

매개변수 이름	설명
`model`	k8s 모델

`StatusPopupSection`

팝업 창에 상태를 표시하는 구성 요소입니다. console.dashboards/overview/health/resource 확장을 빌드하는 데 유용한 구성 요소입니다.

  <StatusPopupSection
    firstColumn={
      <>
        <span>{title}</span>
        <span className="text-secondary">
          My Example Item
        </span>
      </>
    }
    secondColumn='Status'
  >

매개변수 이름	설명
`firstColumn`	팝업의 첫 번째 열 값
`secondColumn`	(선택 사항) 팝업의 두 번째 열에 대한 값
`children`	(선택 사항) 팝업에 대한 하위 항목

`StatusPopupItem`

상태 팝업에 사용되는 상태 요소; StatusPopupSection 에서 사용됩니다.

<StatusPopupSection
   firstColumn='Example'
   secondColumn='Status'
>
   <StatusPopupItem icon={healthStateMapping[MCGMetrics.state]?.icon}>
      Complete
   </StatusPopupItem>
   <StatusPopupItem icon={healthStateMapping[RGWMetrics.state]?.icon}>
       Pending
   </StatusPopupItem>
</StatusPopupSection>

매개변수 이름	설명
`value`	(선택 사항) 표시할 텍스트 값
`icon`	표시할 아이콘 (선택 사항)
`children`	하위 요소

`개요`

대시보드에 대한 래퍼 구성 요소를 생성합니다.

    <Overview>
      <OverviewGrid mainCards={mainCards} leftCards={leftCards} rightCards={rightCards} />
    </Overview>

매개변수 이름	설명
`className`	(선택 사항) div의 스타일 클래스
`children`	(선택 사항) 대시보드의 요소

`OverviewGrid`

대시보드의 카드 요소의 Grid를 만들고 개요 내에서 사용됩니다.

    <Overview>
      <OverviewGrid mainCards={mainCards} leftCards={leftCards} rightCards={rightCards} />
    </Overview>

매개변수 이름	설명
`mainCards`	Grid 카드
`leftCards`	(선택 사항) Grid 왼쪽의 카드
`rightCards`	(선택 사항) Grid 오른쪽의 카드

`InventoryItem`

인벤토리 카드 항목을 생성합니다.

  return (
    <InventoryItem>
      <InventoryItemTitle>{title}</InventoryItemTitle>
      <InventoryItemBody error={loadError}>
        {loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
      </InventoryItemBody>
    </InventoryItem>
  )

매개변수 이름	설명
`children`	항목 내부를 렌더링하는 요소

`InventoryItemTitle`

InventoryItem 내에서 사용되는 인벤토리 카드 항목에 대한 제목을 생성합니다.

 return (
   <InventoryItem>
     <InventoryItemTitle>{title}</InventoryItemTitle>
     <InventoryItemBody error={loadError}>
       {loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
     </InventoryItemBody>
   </InventoryItem>
 )

매개변수 이름	설명
`children`	제목 내에서 렌더링할 요소

`InventoryItemBody`

인벤토리 카드의 본문을 생성합니다. InventoryCard 내에서 사용되며 InventoryTitle 과 함께 사용할 수 있습니다.

 return (
   <InventoryItem>
     <InventoryItemTitle>{title}</InventoryItemTitle>
     <InventoryItemBody error={loadError}>
       {loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
     </InventoryItemBody>
   </InventoryItem>
 )

매개변수 이름	설명
`children`	인벤토리 카드 또는 제목 내에서 렌더링되는 요소
`error`	div의 요소

`InventoryItemStatus`

InventoryItemBody에서 사용되는 선택적 링크 주소를 사용하여 인벤토리 카드의 개수 및 아이콘을 생성합니다.

 return (
   <InventoryItem>
     <InventoryItemTitle>{title}</InventoryItemTitle>
     <InventoryItemBody error={loadError}>
       {loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
     </InventoryItemBody>
   </InventoryItem>
 )

매개변수 이름	설명
`count`	디스플레이 수
`icon`	디스플레이 아이콘
`linkTo`	(선택 사항) 링크 주소

`InventoryItemLoading`

인벤토리 카드가 로드될 때; InventoryItem 및 관련 구성 요소와 함께 사용됩니다.

if (loadError) {
   title = <Link to={workerNodesLink}>{t('Worker Nodes')}</Link>;
} else if (!loaded) {
  title = <><InventoryItemLoading /><Link to={workerNodesLink}>{t('Worker Nodes')}</Link></>;
}
return (
  <InventoryItem>
    <InventoryItemTitle>{title}</InventoryItemTitle>
  </InventoryItem>
)

`useFlag`

FlexVolumeAGS redux 상태에서 지정된 기능 플래그를 반환하는 후크입니다. 요청된 기능 플래그 또는 정의되지 않은 부울 값을 반환합니다.

매개변수 이름	설명
`flag`	반환할 기능 플래그

`YAMLEditor`

마우스 커서 도움말 및 완료가 포함된 기본 지연 로드 YAML 편집기입니다.

<React.Suspense fallback={<LoadingBox />}>
  <YAMLEditor
    value={code}
  />
</React.Suspense>

매개변수 이름	설명
`value`	렌더링할 yaml 코드를 나타내는 문자열입니다.
`options`	Monaco 편집기 옵션. 자세한 내용은 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneEditorConstructionOptions.html 을 참조하십시오.
`minHeight`	유효한 CSS 별점 값의 최소 편집기 높이입니다.
`showShortcuts`	편집기 상단에 바로 가기를 표시하는 부울입니다.
`toolbarLinks`	편집기 상단에 있는 툴바 링크 섹션에서 렌더링된 ReactNode 배열입니다.
`Onchange`	콜백은 코드 변경 이벤트입니다.
`onSave`	CTRL / CMD + S 명령이 트리거될 때 호출되는 콜백입니다.
`ref`	`{ 편집기에 대한 참조를 반응합니까?: IStandaloneCodeEditor } }`. 'editor' 속성을 사용하면 편집기를 제어하는 모든 메서드에 액세스할 수 있습니다. 자세한 내용은 https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IStandaloneCodeEditor.html 을 참조하십시오.

`ResourceYAMLEditor`

커서 도움말 및 완료를 사용하여 Kubernetes 리소스에 대한 지연 로드 YAML 편집기입니다. 구성 요소에서는 YAMLEditor를 사용하고 리소스 업데이트 처리, 경고, 저장, 취소 및 다시 로드, 액세스 가능 등과 같은 기능을 더 많이 사용합니다. onSave 콜백을 제공하지 않으면 리소스 업데이트가 자동으로 처리됩니다. Citadel은 React.Suspense 구성 요소로 래핑되어야 합니다.

<React.Suspense fallback={<LoadingBox />}>
  <ResourceYAMLEditor
    initialResource={resource}
    header="Create resource"
    onSave={(content) => updateResource(content)}
  />
</React.Suspense>

매개변수 이름	설명
`initialResource`	편집기에서 표시할 리소스를 나타내는 YAML/Object입니다. 이 prop은 초기 렌더링 중에만 사용됩니다.
`header`	YAML 편집기 상단에 헤더 추가
`onSave`	Save 버튼에 대한 콜백입니다. 이를 전달하면 편집기에서 리소스에서 수행된 기본 업데이트가 재정의됩니다.

`ResourceEventStream`

특정 리소스와 관련된 이벤트를 표시하는 구성 요소입니다.

const [resource, loaded, loadError] = useK8sWatchResource(clusterResource);
return <ResourceEventStream resource={resource} />

매개변수 이름	설명
`resource`	관련 이벤트가 표시되어야 하는 오브젝트입니다.

`usePrometheusPoll`

단일 쿼리를 위해 Prometheus에 대한 폴링을 설정합니다. 쿼리 응답, 응답이 완료되었는지 여부를 나타내는 부울 플래그, 요청의 요청 또는 후 처리 중에 발생한 오류를 나타내는 부울 플래그를 반환합니다.

매개변수 이름	설명
``	{PrometheusEndpoint} props.endpoint - PrometheusEndpoint 중 하나(레이블, 쿼리, 범위, 규칙, 대상)
``	{string} [props.query] - (선택 사항) Prometheus 쿼리 문자열. 비어 있거나 정의되지 않은 경우 폴링이 시작되지 않습니다.
``	{number} [props.delay] - (선택 사항) 폴링 지연 간격 (ms)
``	{number} [props.endTime] - QUERY_RANGE 에 대한 (선택 사항) 쿼리 범위 종료
``	{number} [props.samples] - QUERY_RANGE의 경우 (선택 사항)
``	{number} [options.timespan] - QUERY_RANGE의 경우 (선택 사항)
``	{string} [options.namespace] - 추가할 검색 매개 변수
``	{string} [options.timeout] - 추가할 검색 매개 변수

`Timestamp`

타임스탬프를 렌더링하는 구성 요소입니다. 타임스탬프는 Timestamp 구성 요소의 제공 인스턴스 간에 동기화됩니다. 제공된 타임스탬프는 사용자 로케일에 따라 포맷됩니다.

매개변수 이름	설명
`timestamp`	렌더링할 타임 스탬프입니다. Format은 ISO 8601 (Kubernetes에서 사용), epoch 타임 스탬프 또는 Date 인스턴스가 될 것으로 예상됩니다.
`simple`	구성 요소의 간단한 버전을 렌더링하려면 아이콘과 툴팁이 생략됩니다.
`omitSuffix`	접미사를 저장하는 날짜를 포맷합니다.
`className`	구성 요소에 대한 추가 클래스 이름입니다.

`useModal`

후크가 Modals를 시작합니다.

const context: AppPage: React.FC = () => {<br/> const [launchModal] = useModal();<br/> const onClick = () => launchModal(ModalComponent);<br/> return (<br/>   <Button onClick={onClick}>Launch a Modal</Button><br/> )<br/>}<br/>`

`ActionServiceProvider`

console.action/provider 확장 유형에 대한 다른 플러그인에서 기여를 받을 수 있는 구성 요소입니다.

   const context: ActionContext = { 'a-context-id': { dataFromDynamicPlugin } };

   ...

   <ActionServiceProvider context={context}>
       {({ actions, options, loaded }) =>
         loaded && (
           <ActionMenu actions={actions} options={options} variant={ActionMenuVariant.DROPDOWN} />
         )
       }
   </ActionServiceProvider>

매개변수 이름	설명
`context`	contextId 및 선택적 플러그인 데이터가 있는 오브젝트

`NamespaceECDHE`

왼쪽 위치에 네임스페이스 드롭다운 메뉴를 사용하여 수평 툴바를 렌더링하는 구성 요소입니다. 추가 구성 요소는 하위 항목으로 전달될 수 있으며 네임스페이스 드롭다운의 오른쪽으로 렌더링됩니다. 이 구성 요소는 페이지 상단에서 사용하도록 설계되었습니다. k8s 리소스가 있는 페이지의 경우와 같이 사용자가 활성 네임스페이스를 변경할 수 있어야 하는 페이지에서 사용해야 합니다.

   const logNamespaceChange = (namespace) => console.log(`New namespace: ${namespace}`);

   ...

   <NamespaceBar onNamespaceChange={logNamespaceChange}>
     <NamespaceBarApplicationSelector />
   </NamespaceBar>
   <Page>

     ...

매개변수 이름	설명
`onNamespaceChange`	(선택 사항) 네임스페이스 옵션을 선택할 때 실행되는 함수입니다. 새 네임스페이스를 유일한 인수로 문자열 형식으로 허용합니다. 활성 네임스페이스는 옵션이 선택될 때 자동으로 업데이트되지만 이 기능을 통해 추가 논리를 적용할 수 있습니다. 네임스페이스가 변경되면 URL의 namespace 매개변수가 이전 네임스페이스에서 새로 선택된 네임스페이스로 변경됩니다.
`isDisabled`	(선택 사항) true로 설정된 경우 네임스페이스 드롭다운을 비활성화하는 부울 플래그입니다. 이 옵션은 네임스페이스 드롭다운에만 적용되며 하위 구성 요소에는 영향을 미치지 않습니다.
`children`	(선택 사항) 도구 모음 내부에서 네임스페이스 드롭다운 오른쪽에 렌더링할 추가 요소를 추가합니다.

`ErrorBoundaryFallbackPage`

"Oh no!를 표시하려면 전체 페이지 ErrorBoundaryFallbackPage 구성 요소를 만듭니다. 스택 추적 및 기타 유용한 디버깅 정보와 함께 메시지가 잘못되었습니다. 이는 구성 요소와 함께 Inconjunction에 사용됩니다.

//in ErrorBoundary component
 return (
   if (this.state.hasError) {
     return <ErrorBoundaryFallbackPage errorMessage={errorString} componentStack={componentStackString}
      stack={stackTraceString} title={errorString}/>;
   }

   return this.props.children;
)

매개변수 이름	설명
`errorMessage`	오류 메시지에 대한 텍스트 설명
`componentStack`	예외의 구성 요소 추적
`stack`	예외 스택 추적
`title`	오류 경계 페이지의 헤더로 렌더링할 제목

`PerspectiveContext`

@deprecated - 관점 컨텍스트 대신 제공된 usePerspectiveContext 를 사용합니다.

매개변수 이름	설명
`PerspectiveContextType`	활성 관점 및 setter가 있는 오브젝트

`useAccessReviewAllowed`

@deprecated - 지정된 리소스에 대한 사용자 액세스에 대한 허용 상태를 제공하는 대신 @console/dynamic-plugin-sdk에서 useAccessReview를 사용합니다. isAllowed 부울 값을 반환합니다.

매개변수 이름	설명
`resourceAttributes`	액세스 검토를 위한 리소스 속성
`impersonate`	가장 세부 정보

`useSafetyFirst`

@deprecated - 이 후크는 지정된 구성 요소를 마운트 해제할 수 있는 경우 React 상태의 안전한 비동기 설정을 확인하는 콘솔 functionality.Hook과 관련이 없습니다. 한 쌍의 state 값이 있는 배열을 반환하고 set 함수가 있습니다.

매개변수 이름	설명
`initialState`	초기 상태 값

7.5.3. 동적 플러그인 문제 해결

플러그인을 로드하는 데 문제가 발생하면 이 문제 해결 팁 목록을 참조하십시오.

다음 명령을 실행하여 콘솔 Operator 구성에서 플러그인을 활성화했으며 플러그인 이름이 출력인지 확인합니다.
```
$ oc get console.operator.openshift.io cluster -o jsonpath='{.spec.plugins}'
```
- 관리자 화면의 개요 페이지의 상태 카드에서 활성화된 플러그인을 확인합니다. 플러그인이 최근에 활성화된 경우 브라우저를 새로 고쳐야 합니다.
다음을 통해 플러그인 서비스가 정상인지 확인합니다.
- 플러그인 포드 상태가 실행 중이며 컨테이너가 준비되었는지 확인합니다.
- 서비스 레이블 선택기가 Pod와 일치하고 대상 포트가 올바른지 확인합니다.
- 콘솔 Pod의 터미널에 있는 서비스의 plugin-manifest.json 을 컬거나 클러스터의 다른 Pod를 컬링합니다.
ConsolePlugin 리소스 이름(consolePlugin.name)이 package.json 에 사용된 플러그인 이름과 일치하는지 확인합니다.
ConsolePlugin 리소스에서 서비스 이름, 네임스페이스, 포트 및 경로가 올바르게 선언되었는지 확인합니다.
플러그인 서비스에서 HTTPS 및 서비스 제공 인증서를 사용하는지 확인합니다.
콘솔 pod 로그에서 인증서 또는 연결 오류를 확인합니다.
플러그인이 사용하는 기능 플래그가 비활성화되었는지 확인합니다.
플러그인에 패키지.json에 충족되지 않는 consolePlugin. dependencies 가 없는지 확인합니다.
- 여기에는 콘솔 버전 종속 항목 또는 다른 플러그인의 종속성이 포함될 수 있습니다. 브라우저에서 플러그인의 이름으로 JS 콘솔을 필터링하여 기록된 메시지를 확인합니다.
nav 확장 모드 또는 섹션 ID에 오타가 없는지 확인합니다.
- 플러그인이 로드될 수 있지만 ID가 올바르지 않으면 nav 항목이 누락되었습니다. URL을 편집하여 플러그인 페이지로 직접 이동해 보십시오.
콘솔 포드에서 플러그인 서비스로 트래픽을 차단하는 네트워크 정책이 없는지 확인합니다.
- 필요한 경우 openshift-console 네임스페이스의 콘솔 Pod가 서비스에 요청할 수 있도록 네트워크 정책을 조정합니다.
개발자 도구 브라우저의 콘솔 탭에서 브라우저에 로드할 동적 플러그인 목록을 확인합니다.
- window.SERVER_FLAGS.consolePlugins 를 평가하여 콘솔 프런트 엔드의 동적 플러그인을 확인합니다.

추가 리소스

서비스 제공 인증서 이해