Skip to content

Commit 4de73d3

Browse files
김유하claude
andcommitted
docs(getting-started): 왈라 MCP 설치하기 페이지 추가 (단계별 스크린샷 포함)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 parent 53d49dc commit 4de73d3

8 files changed

Lines changed: 52 additions & 1 deletion

File tree

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
---
2+
title: 왈라 MCP 설치하기
3+
description: 왈라 MCP를 Claude에 커스텀 커넥터로 연결하면, Claude에서 바로 왈라의 폼과 응답 데이터를 다룰 수 있어요.
4+
---
5+
6+
import { Step, Steps } from 'fumadocs-ui/components/steps';
7+
8+
왈라는 MCP(Model Context Protocol) 서버를 제공합니다. Claude에 왈라 MCP를 커스텀 커넥터로 연결하면, Claude와 대화하면서 바로 왈라의 폼과 응답을 조회하거나 새 폼을 만들거나, 커스텀 필드를 만들 수 있어요.
9+
10+
<Steps>
11+
<Step>
12+
### 커넥터 설정 열기
13+
[claude.ai](https://claude.ai) 접속 후, 왼쪽 사이드바에서 `Customize` 메뉴를 연 뒤 `Connectors` 메뉴로 이동합니다.
14+
15+
<img src="/images/guides/getting-started/mcp-01-connectors.png" alt="Customize 화면에서 Connectors 메뉴로 이동" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
16+
</Step>
17+
<Step>
18+
### 커스텀 커넥터 추가 시작
19+
Connectors 화면 오른쪽 위의 더하기 버튼을 누르고 `Add custom connector`를 선택합니다.
20+
21+
<img src="/images/guides/getting-started/mcp-02-add-custom-connector.png" alt="더하기 버튼 메뉴에서 Add custom connector 선택" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
22+
</Step>
23+
<Step>
24+
### 커넥터 정보 입력
25+
`Add custom connector` 창에 아래 정보를 입력한 뒤 `Add` 버튼을 클릭합니다. OAuth 항목은 비워두어도 됩니다.
26+
27+
- 이름(Name): Walla Form (왈라)
28+
- Remote MCP server URL: {"https://app.walla.my/api/mcp"}
29+
30+
<img src="/images/guides/getting-started/mcp-03-connector-info.png" alt="Add custom connector 창에 이름과 URL 입력 후 Add 클릭" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
31+
</Step>
32+
<Step>
33+
### 왈라 계정 연결
34+
목록에 추가된 Walla Form (왈라) 커넥터를 선택한 뒤 `Connect` 버튼을 클릭합니다.
35+
36+
<img src="/images/guides/getting-started/mcp-04-connect.png" alt="Walla Form 커넥터에서 Connect 버튼 클릭" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
37+
</Step>
38+
<Step>
39+
### 접근 권한 허용
40+
'앱 접근 권한 요청' 화면에서 Claude가 요청하는 권한(프로젝트 읽기, 프로젝트 응답 읽기, 프로젝트 응답 다운로드, 프로젝트 쓰기, 오프라인 접근)을 확인한 뒤 `허용`을 클릭합니다.
41+
42+
<img src="/images/guides/getting-started/mcp-05-authorize.png" alt="앱 접근 권한 요청 화면에서 허용 클릭" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
43+
</Step>
44+
<Step>
45+
### 연결 확인
46+
연결이 완료되면 커넥터가 Connected 상태로 바뀝니다. 오른쪽 패널에서 Claude가 사용할 수 있는 도구 목록과 권한을 확인할 수 있어요.
47+
48+
<img src="/images/guides/getting-started/mcp-06-connected.png" alt="연결 완료 후 Walla Form 커넥터의 도구 목록과 권한" style={{ width: "100%", borderRadius: "8px", marginTop: "12px", border: "1px solid var(--border)" }} />
49+
</Step>
50+
</Steps>

content/docs/ko/help-center/getting-started/meta.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"pages": [
44
"creating-account",
55
"setting-up-profile",
6-
"starting-or-changing-subscription"
6+
"starting-or-changing-subscription",
7+
"installing-walla-mcp"
78
]
89
}
104 KB
Loading
236 KB
Loading
269 KB
Loading
114 KB
Loading
68.5 KB
Loading
220 KB
Loading

0 commit comments

Comments
 (0)