노션 MCP 설치해보다!

소개

MCP 개념이 잘 안잡히던 중 지난 모각에서 노션 MCP연결 실습 때 진행하지 못한 것을 윤누리 님 사례게시글 보고 3분만에 뚝딱 만들어본 것 공유합니다!

추신 : 사실 근래에 커서를 많이 쓰고, 제미나이와 챗gpt를 돌아가면서 쓰는지라 기억력이 나쁜 claude를 잘 안쓰게 되었습닏나. 몇 달 방치하고 나니 구독료가 아까워져서 구독해지를 누를려고 할 찰라애 mcp가 나와버렸죠... 그래서 일단 이번달도 구독해지를 못했습니다ㅠ

진행 방법

@도구@

  1. mcp 만든 : https://claude.ai 의 데스크탑 앱!

  2. 연결할 도구(mcp서버) : https://www.notion.so/

자 이제 이 2개를 잇기만 하면 되네요?@!

@진행과정@

1.클로드 데스크탑 설치

https://claude.ai/download

-> 윈도우 10 이상 / 윈도우 arm6e4 / 맥

-> 모각 때 윈도우7 설치된 노트북이어서 클로드를 못 쓰는 참사가 발생!! => 이 문제는 다음 사례글에서 해결!

빨간 원이있는 한국 전화 스크린 샷

2.노션 API 등록

-> https://www.notion.so/ 접속

-> 왼쪽 사이드바 아래쪽에 '설정' 누르기

-> 사이드바에서 '연결' 누르고, 오른쪽에 'API 연결 개발 또는 관리' 누르기!

-> '새 API 통합' 누르기!

-> API키는 *****로 표기되는데, 옆에 '표시' 누르면, '복사' 버튼이 활성화 됩니다 .이 '복사'를 꾸욱 눌러서 메모장 등에 저장해놓습니다. 그리고 아래 사용할 영역을 골라서 체크합니다.

Google Docs Korean

-> 다음은 내가 노션과 클로드를 연결할 데이터베이스가 있는 곳을 찾습니다

-> 이어서 해당 페이지의 오른쪽 위 상단에 ... 찾아서 누르고, '연결' 누른다음에 내가 원하는 현재 페이지를 연결하도록 합니다. 연결되면, '연결'탭에 '1'이 표기되고, 활성화된 연결에 이름이 표기됩니다.

노션은 이제 끝!

2.5 NodeJs가 없는 분들은 노드js를 설치해주세요

3.클로드데스크탑 설정하러 가기!

-> 클로드데스크탑 앱 열기

-> 햄버거(삼선) 버튼 누르고, 파일, 설정 누르기

편집하다

-> 저는 노션을 연결한 상황이라 '수정' 버튼이 아래로 내려갔는데, 처음 하는 분들은 위에 있을 수 있습니다. 수정 벝른을 누르고 코드를 입력합니다. 아래와 같이!

-> 에디트를 누르면 내 클로드데스크탑이 설치된 '폴더'가 열립니다. 선택된 `claude_desktop_config`를 메모장(코드 에디터가 있는 개발자들은 사용하는 거 아무거나에서 열기)에서 열어줍니다.

-> ntn_블라블라 써있는 부분이 아까 우리가 저장한 api키입니다. 이 부분을 바꾼 다음에 코드를 입력합니다. 노션 기초코드는 아래에!

{
    "mcpServers": {
      "notion": {
        "command": "npx",
        "args": ["-y", "@suekou/mcp-notion-server"],
        "env": {
          "NOTION_API_TOKEN": "your-integration-token"
        }
      }
    }
  }

-> 코드는 json이라는 확장자를 가진 파일입니다. 메모장을 저장할 때 확장자를 임의로 변경하지 마세요!

-> 저장이 끝나면 클로드 데스크탑 껐다가 재시작 합니다!

-> 이제 그동안 못보던 망치가 생겼습니다! 이 사례글을 쓰는 순간 가자기 망치가 사라졌네요? 이제 위 이미지처럼 숨겨져있습니다. 이 망치의 개수가 곧 나의 무기라는거?! 망치를 누르면 내가 설치한 notion mcp 도구들의 설명이 쭈욱 있습니다! 잘 살펴보세요

그럼 내가 연결한 mcp 테스트를 해보겠습니다!

1.우선 안전을 위해 휴먼의 선택을 요청합니다.

한국 뉴스 웹 사이트의 스크린 샷
  1. 노션에서 찾으라니까 구글드라일브 먼저 찾는 이상한 행동을 하지만 그래도 노션을 열심히 찾네요.여열시

  2. 실제 내용에서 벗어나지 않고 잘 나온 것을 확인했습니다!

결과와 배운 점

-> 로컬에서 사용할 수 있다. 장/단점이 명확함!

-> 인공지능에게 이제 무기를 쥐어주었다@!

-> 근데 왜 클로드에서 했느냐!@!@!

도움 받은 글 (옵션)

윤누리님의 5분순삭 글 보고 뚝딱 뚝딱 했네요

윤누리 https://www.gpters.org/llm-service/post/low-tide-5-minutes-9aEHVeVbYxBIEys

👉 이 게시글도 읽어보세요