> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-mintlify-86180b7b.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Open WebUI 및 ClickHouse Cloud로 ClickHouse MCP 서버 설정하기

> 이 가이드에서는 Docker를 사용해 ClickHouse MCP 서버와 Open WebUI를 설정하는 방법을 설명합니다.

export const Image = ({img, alt, size}) => {
  return <Frame>
      <img src={img} alt={alt} />
    </Frame>;
};

<div id="using-clickhouse-mcp-server-with-open-webui">
  # Open WebUI에서 ClickHouse MCP 서버 사용하기
</div>

> 이 가이드에서는 [Open WebUI](https://github.com/open-webui/open-webui)를 ClickHouse MCP 서버와 함께 설정하고
> ClickHouse 예시 데이터셋에 연결하는 방법을 설명합니다.

<Steps>
  <Step>
    ## uv 설치

    이 가이드의 지침을 따르려면 [uv](https://docs.astral.sh/uv/)를 설치해야 합니다.
    uv를 사용하지 않으려면 다른 패키지 관리자를 사용하도록 MCP 서버 구성을 변경해야 합니다.
  </Step>

  <Step>
    ## Open WebUI 실행

    Open WebUI를 실행하려면 다음 명령을 실행하십시오:

    ```bash theme={null}
    uv run --with open-webui open-webui serve
    ```

    UI를 보려면 [http://localhost:8080/](http://localhost:8080/) 로 이동하십시오.
  </Step>

  <Step>
    ## ClickHouse MCP 서버 구성

    ClickHouse MCP 서버를 설정하려면 MCP 서버를 Open API 엔드포인트로 변환해야 합니다.
    먼저 ClickHouse SQL Playground에 연결할 수 있도록 환경 변수를 설정하겠습니다:

    ```bash theme={null}
    export CLICKHOUSE_HOST="sql-clickhouse.clickhouse.com"
    export CLICKHOUSE_USER="demo"
    export CLICKHOUSE_PASSWORD=""
    ```

    그런 다음 `mcpo`를 실행해 Open API 엔드포인트를 생성할 수 있습니다:

    ```bash theme={null}
    uvx mcpo --port 8000 -- uv run --with mcp-clickhouse --python 3.10 mcp-clickhouse
    ```

    [http://localhost:8000/docs](http://localhost:8000/docs) 로 이동하면 생성된 엔드포인트 목록을 확인할 수 있습니다.

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/0_endpoints.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=cbd5d0dc4063d06fe6292264fe1d38ac" alt="Open API 엔드포인트" size="md" width="1455" height="759" data-path="images/use-cases/AI_ML/MCP/0_endpoints.png" />

    이 엔드포인트를 Open WebUI에서 사용하려면 설정으로 이동해야 합니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/1_settings.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=f55ff21d94151d654e13effe6bc514f1" alt="Open WebUI 설정" size="md" width="518" height="575" data-path="images/use-cases/AI_ML/MCP/1_settings.png" />

    `Tools`를 클릭합니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/2_tools_page.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=b3259f601b22ad36ed2832cb00d64abc" alt="Open WebUI 도구" size="md" width="1829" height="1190" data-path="images/use-cases/AI_ML/MCP/2_tools_page.png" />

    도구 URL로 [http://localhost:8000](http://localhost:8000) 을 추가합니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/3_add_tool.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=925738a863b5d09aaa1c9f0f863ed2da" alt="Open WebUI 도구" size="md" width="1838" height="1201" data-path="images/use-cases/AI_ML/MCP/3_add_tool.png" />

    이 작업을 완료하면 채팅 바의 도구 아이콘 옆에 `1`이 표시됩니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/4_tools_available.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=18b35822fcc68c6fcb63cea112d5a899" alt="사용 가능한 Open WebUI 도구" size="md" width="1495" height="229" data-path="images/use-cases/AI_ML/MCP/4_tools_available.png" />

    도구 아이콘을 클릭하면 사용 가능한 도구 목록을 볼 수 있습니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/5_list_of_tools.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=45db20cb9ed3fad53c42fc71f98f671b" alt="Open WebUI 도구 목록" size="md" width="1373" height="711" data-path="images/use-cases/AI_ML/MCP/5_list_of_tools.png" />
  </Step>

  <Step>
    ## OpenAI 구성

    기본적으로 Open WebUI는 Ollama 모델과 함께 작동하지만, OpenAI 호환 엔드포인트도 추가할 수 있습니다.
    이 설정은 설정 메뉴에서 구성하며, 이번에는 `Connections` 탭을 클릭해야 합니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/6_connections.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=94653fd63724201e55f4d261b9ad1539" alt="Open WebUI 연결" size="md" width="1824" height="1184" data-path="images/use-cases/AI_ML/MCP/6_connections.png" />

    엔드포인트와 OpenAI 키를 추가하겠습니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/DF-nZAmnH8TA7I_p/images/use-cases/AI_ML/MCP/7_add_connection.png?fit=max&auto=format&n=DF-nZAmnH8TA7I_p&q=85&s=1bca08c6b5367f0965cfe08cc05bd628" alt="Open WebUI - 연결로 OpenAI 추가" size="md" width="1821" height="1192" data-path="images/use-cases/AI_ML/MCP/7_add_connection.png" />

    그러면 상단 메뉴에서 OpenAI 모델을 사용할 수 있습니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/086sd15g6bbbY0wP/images/use-cases/AI_ML/MCP/8_openai_models_more.png?fit=max&auto=format&n=086sd15g6bbbY0wP&q=85&s=09851b915b3bf5bdfd45c7407806e222" alt="Open WebUI - 모델" size="md" width="1574" height="1248" data-path="images/use-cases/AI_ML/MCP/8_openai_models_more.png" />
  </Step>

  <Step>
    ## Open WebUI로 ClickHouse MCP 서버와 대화하기

    이제 대화를 시작할 수 있으며, 필요하면 Open WebUI가 MCP 서버를 호출합니다:

    <Image img="https://mintcdn.com/private-7c7dfe99-mintlify-86180b7b/086sd15g6bbbY0wP/images/use-cases/AI_ML/MCP/9_conversation.png?fit=max&auto=format&n=086sd15g6bbbY0wP&q=85&s=81d538fada85555e335f90d096bae3e8" alt="Open WebUI - ClickHouse MCP 서버와 대화" size="md" width="2449" height="1839" data-path="images/use-cases/AI_ML/MCP/9_conversation.png" />
  </Step>
</Steps>
