노션 MCP 연동, 바이브코딩으로 게시판 만들기 By Windsurf(1)

노션(Notion) 많이들 사용하시나요?

보통 메모용으로 많이들 사용하실 겁니다.
저도 많이 애용하는 편입니다.

Windsurf 에는 Notion MCP라는 좋은 기능이 있는데요.
요새 핫하다는 MCP, 바로 그 MCP 입니다.

노션 MCP를 연동하면 Windsurf 에서 웹페이지 게시판을 쉽게 만들수 있어요.
오늘은 그 첫번째 과정으로 노션 MCP 연결을 다뤄 보겠습니다.
어떤건지 한번 볼까요?

설정이 필요해요.

노션 MCP를 이용하려면 먼저 몇가지 설정이 필요합니다.

1) 연동할 노션 페이지를 먼저 하나 만들어 주세요.
2) 노션 API KEY 를 발급받습니다.
3) 1)에서 만든 페이지 접근 권한을 줍니다.
4) Windsurf 에서 MCP 를 연결하면서 노션 API KEY를 넣습니다.
5) 연동 끝.

노션을 사용할 줄 아신다면 1)번은 껌이니 넘어가겠습니다 ㅎㅎ2)번 작업으로 아래 노션 API 관리 페이지에 접속해 주세요.https://www.notion.so/profile/integrations

새 API 통합 선택 후,

API 통합이름(영문)을 입력 후, 워크스페이스 선택, 저장 버튼을 클릭합니다.

이어서 API 통합 설정 구성 버튼 클릭 후,

모든 항목을 체크하고 저장 버튼을 눌러 주세요.
그래야 MCP가 노션에 접근할 수 있습니다.

3)번 작업입니다.
사용권한 탭 선택, 페이지 선택을 클릭하고,

금방 추가한 노션 페이지를 검색하여 선택합니다.

페이지를 저장해주어야 하는데요. 해상도가 낮으면 버튼이 안 보이실 겁니다.

그럴 경우 Ctrl + - 단축키를 누르면 화면이 축소되는데요.
축소하다 보면 어느 시점에 버튼이 보이실 겁니다.
해당 버튼을 클릭해주시면,

개인 페이지에 (1)개의 페이지가 권한이 주어진 것을 확인할 수 있습니다.

4)번 작업입니다.
API 키는 구성 탭에 있습니다.
구성 탭을 선택하고 표시하기 - 복사 버튼을 누르세요.
그러면 API 키가 복사됩니다.

이제 Windsurf 에디터에서 화면 하단의 'Windsurf - Settings' - 'Advanced Settings' 를 선택,

Cascade 탭 선택, Open plugin store 를 선택합니다.

MCP 서버 목록이 보일텐데요.
'Notion' 으로 검색 후 목록에서 선택하고 Install 버튼을 누릅니다.

그러면 API KEY를 입력하라고 하는데요. 아까 API키를 복사했으니 붙여넣고 SAVE 버튼을 누르면 끝!

확인해볼까요?

그 전에 Windsurf 를 껐다가 다시 접속하는게 좋습니다.
이제 Windsurf에 나의 노션이 연결되었습니다.
Winsurf 에 한번 물어보겠습니다. 간단한 확인 작업이니 크레딧이 소진되지 않는 무료 모델로 바꾸고,

MCP 서버에 연결된 내 노션 정보를 보여줘

이렇게 답변 주네요, 연결 성공!

현재 연결된 Notion 계정 정보는 다음과 같습니다:

사용자 유형: 봇 (Bot)
봇 이름: AIAPI
봇 ID: .....
워크스페이스: Cray Fall in SecondLife의 Notion
파일 업로드 제한: 5MB
이 계정은 워크스페이스 레벨의 접근 권한을 가지고 있습니다.

노션에 글을 쓸수도 있을까요? 한가지 시도해보겠습니다.

시를 한편 지어서 내 노션에 콜아웃으로 글을 작성해줘.

다 되었다고 알려주네요.
노션 'AI연동' 페이지에 나타난 결과는 아래와 같습니다.
무료 모델인데 꽤 감각 있네요 ㅎㅎ

흥미로운 주제가 되셨을지 모르겠네요 ㅎㅎ
내용이 길어 노션 게시판 만들기는 다음 게시글을 기약하도록 하겠습니다.
오늘도 방문 감사합니다!

다음 편 게시글이 준비되었습니다.
이어서 보실 분은 링크를 선택하세요!

https://itadventure.tistory.com/753

노션 MCP 연동, 바이브코딩으로 게시판 만들기 By Windsurf(2)