> ## Documentation Index
> Fetch the complete documentation index at: https://clickhouse.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

> Metabase는 데이터에 대해 쉽게 질문할 수 있도록 지원하는 사용하기 쉬운 오픈 소스 UI 도구입니다.

# Metabase를 ClickHouse에 연결하기

export const PartnerBadge = () => {
  return <div className="PartnerBadge">
            <div className="PartnerBadgeIcon">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <polyline points="12.5 9.5 10 12 6 11 2.5 8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="4.54 4.41 8 3.5 11.46 4.41" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M2.15,3.78 L0.55,6.95 A0.5,0.5 0,0,0 0.77,7.62 L2.5,8.5 L4.54,4.41 L2.82,3.55 A0.5,0.5 0,0,0 2.15,3.78 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M13.5,8.5 L15.23,7.62 A0.5,0.5 0,0,0 15.45,6.95 L13.85,3.78 A0.5,0.5 0,0,0 13.18,3.55 L11.46,4.41 Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <path d="M11.5,4.5 L9,4.5 L6.15,7.27 A0.5,0.5 0,0,0 6.24,8.05 C7.33,8.74 8.81,8.72 10,7.5 L12.5,9.5 L13.5,8.5" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                    <polyline points="7.75 13.5 5.15 12.85 3.5 11.67" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1" />
                </svg>
            </div>
            파트너 통합
        </div>;
};

export const Image = ({img, alt, size = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

<PartnerBadge />

Metabase는 데이터를 쉽게 탐색하고 질문할 수 있는 사용하기 쉬운 오픈 소스 UI 도구입니다. Metabase는 Java 애플리케이션으로, <a href="https://www.metabase.com/start/oss/jar" target="_blank">JAR 파일을 다운로드</a>한 뒤 `java -jar metabase.jar`를 실행하기만 하면 됩니다. Metabase는 JDBC 드라이버를 사용해 ClickHouse에 연결하며, 이 드라이버는 다운로드한 후 `plugins` 폴더에 넣어야 합니다:

<div id="goal">
  ## 목표
</div>

이 가이드에서는 Metabase를 사용해 ClickHouse 데이터에 몇 가지 질문을 던지고, 그 답을 시각화합니다. 결과 중 하나는 다음과 같습니다.

<Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_08.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=87b54ca62deb669566b0a67ceac7e478" alt="ClickHouse 데이터를 보여주는 Metabase 파이 차트 시각화" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_08.webp" />

<p />

<Tip>
  **데이터 추가**

  사용할 데이터셋이 없다면 예시 중 하나를 추가할 수 있습니다. 이 가이드에서는 [UK Price Paid](/docs/ko/get-started/sample-datasets/uk-price-paid) 데이터셋을 사용하므로, 해당 데이터셋을 선택하면 됩니다. 같은 문서 범주에서 살펴볼 수 있는 다른 예시도 여러 개 있습니다.
</Tip>

<Steps>
  <Step title="연결 정보 확인하기" id="1-gather-your-connection-details">
    HTTP(S)로 ClickHouse에 연결하려면 다음 정보가 필요합니다.

    | 매개변수                      | 설명                                                         |
    | ------------------------- | ---------------------------------------------------------- |
    | `HOST` and `PORT`         | 일반적으로 TLS를 사용하는 경우 포트는 8443, TLS를 사용하지 않는 경우 8123입니다.      |
    | `DATABASE NAME`           | 기본적으로 `default`라는 이름의 데이터베이스가 제공되며, 연결할 데이터베이스 이름을 사용하십시오. |
    | `USERNAME` and `PASSWORD` | 기본 사용자 이름은 `default`입니다. 사용 사례에 맞는 사용자 이름을 사용하십시오.         |

    ClickHouse Cloud 서비스의 연결 정보는 ClickHouse Cloud 콘솔에서 확인할 수 있습니다.
    서비스를 선택한 다음 **Connect**를 클릭하십시오.

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/cloud-connect-button.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=ec0a298a33ca841e947fa5e8bae47362" alt="ClickHouse Cloud 서비스 연결 버튼" width="998" height="932" data-path="images/_snippets/cloud-connect-button.webp" />
      </Frame>
    </div>

    **HTTPS**를 선택하십시오. 연결 정보가 예시 `curl` 명령으로 표시됩니다.

    <div className="ch-image-md">
      <Frame>
        <img src="https://mintcdn.com/private-7c7dfe99/CFFsa2agBPbviR4r/images/_snippets/connection-details-https.webp?fit=max&auto=format&n=CFFsa2agBPbviR4r&q=85&s=cb0fbd98aa2b5b7ca484c9f53395ee07" alt="ClickHouse Cloud HTTPS 연결 정보" width="1320" height="1184" data-path="images/_snippets/connection-details-https.webp" />
      </Frame>
    </div>

    자가 관리형 ClickHouse를 사용하는 경우 연결 정보는 ClickHouse 관리자가 설정합니다.
  </Step>

  <Step title="Metabase용 ClickHouse plugin 다운로드하기" id="2--download-the-clickhouse-plugin-for-metabase">
    1. `plugins` 폴더가 없다면 `metabase.jar`가 저장된 위치 아래에 하위 폴더로 생성합니다.

    2. plugin은 `clickhouse.metabase-driver.jar`라는 이름의 JAR 파일입니다. 최신 버전의 JAR 파일은 <a href="https://github.com/clickhouse/metabase-clickhouse-driver/release" target="_blank">[https://github.com/clickhouse/metabase-clickhouse-driver/releases/latest](https://github.com/clickhouse/metabase-clickhouse-driver/releases/latest)</a>에서 다운로드하십시오.

    3. `clickhouse.metabase-driver.jar`를 `plugins` 폴더에 저장합니다.

    4. 드라이버가 올바르게 로드되도록 Metabase를 시작하거나 다시 시작합니다.

    5. <a href="http://localhost:3000/" target="_blank">[http://hostname:3000](http://hostname:3000)</a>에서 Metabase에 접속합니다. 처음 시작하면 환영 화면이 표시되며 몇 가지 질문에 답해야 합니다. 데이터베이스를 선택하라는 메시지가 표시되면 "**I'll add my data later**"를 선택합니다:
  </Step>

  <Step title="Metabase를 ClickHouse에 연결하기" id="3--connect-metabase-to-clickhouse">
    1. 오른쪽 상단의 톱니바퀴 아이콘을 클릭한 다음 **관리자 설정**을 선택하여 <a href="http://localhost:3000/admin/settings/setup" target="_blank">Metabase 관리자 페이지</a>로 이동합니다.

    2. **Add a database**를 클릭합니다. 또는 **Databases** 탭에서 **Add database** 버튼을 선택할 수도 있습니다.

    3. 드라이버가 정상적으로 설치되었다면 **Database type** 드롭다운 메뉴에 **ClickHouse**가 표시됩니다:

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_01.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=586acaa7da62b005cdc30f06f2319f11" alt="ClickHouse가 옵션으로 표시된 Metabase 데이터베이스 선택 화면" border width="1168" height="504" data-path="images/integrations/data-visualization/metabase_01.webp" />

    4. 데이터베이스의 **Display name**을 지정합니다. 이는 Metabase 설정이므로 원하는 이름을 사용하면 됩니다.

    5. ClickHouse 데이터베이스의 연결 정보를 입력합니다. ClickHouse 서버가 SSL을 사용하도록 구성되어 있다면 보안 연결을 활성화합니다. 예시는 다음과 같습니다:

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_02.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=42c1c15bc5fa13bbb2e3102f57fcf1ac" alt="ClickHouse 데이터베이스용 Metabase 연결 정보 양식" border width="682" height="1020" data-path="images/integrations/data-visualization/metabase_02.webp" />

    6. **Save** 버튼을 클릭하면 Metabase가 데이터베이스를 스캔하여 테이블을 찾습니다.
  </Step>

  <Step title="SQL 쿼리 실행하기" id="4-run-a-sql-query">
    1. 오른쪽 상단의 **Exit admin** 버튼을 클릭하여 **Admin settings**를 종료합니다.

    2. 오른쪽 상단에서 **+ New** 메뉴를 클릭하면 질문을 만들고, SQL 쿼리를 실행하고, 대시보드를 만들 수 있음을 확인할 수 있습니다:

           <Image size="sm" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_03.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=2e11e4ee4b8c466e146cf02e3aec5164" alt="질문, SQL 쿼리, dashboard 생성 옵션을 보여주는 Metabase New 메뉴" border width="283" height="322" data-path="images/integrations/data-visualization/metabase_03.webp" />

    3. 예를 들어, 다음은 `uk_price_paid`라는 이름의 테이블에서 1995년부터 2022년까지 연도별 평균 거래 가격을 반환하는 SQL 쿼리입니다:

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_04.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=f868f4778e9a0a44e8f34485d3992e63" alt="UK price paid 데이터에 대한 쿼리를 보여주는 Metabase SQL Editor" border width="674" height="1003" data-path="images/integrations/data-visualization/metabase_04.webp" />
  </Step>

  <Step title="질문하기" id="5-ask-a-question">
    1. **+ New**를 클릭하고 **Question**을 선택합니다. 데이터베이스와 테이블에서 시작해 질문을 만들 수 있습니다. 예를 들어, 다음 질문은 `default` 데이터베이스의 `uk_price_paid`라는 이름의 테이블에 대해 수행됩니다. 다음은 Greater Manchester county 내에서 town별 평균 가격을 계산하는 간단한 질문입니다:

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_06.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=315caa354ba8213b40c642f3a3e1a9ca" alt="UK 가격 데이터가 있는 Metabase 질문 작성기 interface" border width="869" height="1049" data-path="images/integrations/data-visualization/metabase_06.webp" />

    2. **Visualize** 버튼을 클릭하여 결과를 표 형식 보기로 확인합니다.

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_07.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=e3b7c74397644bd33510044a6d24bad7" alt="town별 평균 가격의 표 형식 결과를 보여주는 Metabase visualization" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_07.webp" />

    3. 결과 아래에서 **Visualization** 버튼을 클릭하여 visualization을 막대 chart(또는 사용 가능한 다른 옵션)로 변경합니다:

           <Image size="md" img="https://mintcdn.com/private-7c7dfe99/etDiFo_9fGSe5rMN/images/integrations/data-visualization/metabase_08.webp?fit=max&auto=format&n=etDiFo_9fGSe5rMN&q=85&s=87b54ca62deb669566b0a67ceac7e478" alt="Greater Manchester의 town별 평균 가격을 보여주는 Metabase 파이 차트 visualization" border width="1222" height="893" data-path="images/integrations/data-visualization/metabase_08.webp" />
  </Step>
</Steps>

<div id="learn-more">
  ## 더 알아보기
</div>

Metabase에 대한 자세한 정보와 대시보드를 만드는 방법은 <a href="https://www.metabase.com/docs/latest/" target="_blank">Metabase 문서</a>에서 확인할 수 있습니다.
