커넥터와 MCP
1. 커넥터란?
바이브 코딩에 필요한 재료가 모두 내 컴퓨터 안에 파일로 있는 것은 아닙니다. 접수 데이터는 구글 시트에, 디자인은 피그마에, 문서는 노션에, 코드는 GitHub에 있습니다. 지금까지 배운 방식대로라면 이것들을 하나하나 내려받아 작업 폴더에 옮겨야 하고, 원본이 바뀌면 또 옮겨야 합니다.
커넥터는 이 옮겨 담는 과정을 통째로 없애 주는 통로입니다. Claude를 외부 서비스에 직접 연결해두면, 파일로 만들지 않아도 그 서비스의 내용을 그 자리에서 읽어 옵니다. 앞선 책에서는 이 연결을 터미널 명령어로 했는데, Claude Desktop에서는 목록에서 고르고 로그인하면 끝납니다.
2. 커넥터 연결하기
사이드바에서 사용자 지정 메뉴를 클릭합니다. 앞 절에서 Skill을 관리하던 그 화면입니다.
커넥터로 들어가 상단의 추가 버튼을 클릭하고, 커넥터 둘러보기를 클릭합니다.
원하는 서비스를 검색해 + 버튼을 누르면 그 서비스의 로그인 창이 뜹니다. 로그인하고 권한 요청에 동의하면 연결이 끝납니다.
권한 동의 화면은 Claude가 내 계정에 접근하는 것을 허용한다는 뜻입니다. 개인 계정이라면 본인이 판단해 동의하면 되지만, 회사 계정이라면 연결 전에 회사의 보안 정책을 먼저 확인해주세요. 조직에 따라 외부 서비스 연동을 제한하는 곳이 있습니다. 연결한 커넥터는 같은 메뉴에서 언제든 해제할 수 있으니, 걱정된다면 개인 계정으로 먼저 연습해보는 것도 방법입니다.
커넥터는 계정에 저장됩니다. 여기서 한 번 연결해두면 다른 컴퓨터의 Desktop에서도, 외출 중에 잠깐 켠 웹에서도 같은 커넥터를 그대로 쓸 수 있습니다.
3. 바이브 코딩에 쓸 만한 커넥터
이 책에서 쓸 일이 생기는 커넥터를 추리면 아래와 같습니다. 모든 것을 연결할 필요는 없습니다. 실제로 자주 쓰게 되는 서비스만 골라두는 것을 권합니다.
| 커넥터 | 바이브 코딩에서의 쓰임 | 나오는 장 |
|---|---|---|
| GitHub | 만든 페이지를 올리고 배포하는 저장소 | 5장 |
| Google Drive, Sheets | 접수 데이터, 재고 데이터를 읽어 페이지에 반영 | 5장 |
| Figma | 디자인 시안을 읽어 그대로 페이지로 옮기기 | 6장 |
| Notion | 기획 문서를 읽어 요구사항으로 쓰기 | 10장 |
| Gmail, Slack | 만든 결과물을 보고하거나 피드백 모으기 | 필요할 때 |
연결이 끝났으면 새 대화에서 바로 써볼 수 있습니다. 예를 들어 구글 시트를 연결했다면 이렇게 요청할 수 있습니다.
구글 시트 '수강신청 접수'를 읽고, 신청자 수와 희망 요일 분포를 보여주는 페이지를 이 폴더에 만들어줘.
파일을 내려받은 적이 없는데 시트의 데이터가 페이지에 들어갑니다. 커넥터가 하는 일이 이것입니다. 읽기만 하는 것이 아니라 쓰기도 됩니다. GitHub 커넥터를 연결하면 "이 폴더를 GitHub에 올려줘"가 됩니다. 다만 쓰기는 내 계정의 데이터가 실제로 바뀌는 작업이니, Claude가 확인을 구할 때 내용을 한 번 살펴보고 승인하는 습관을 들이면 좋습니다.
4. MCP란?
커넥터 승인 화면을 자세히 보면 'MCP'라는 글자가 보일 때가 있습니다. MCP(Model Context Protocol)는 Claude가 외부 도구 및 서비스와 연결될 수 있게 해주는 약속입니다. 쉽게 말해, Claude에 손과 발을 달아주는 규격이라고 생각하시면 됩니다. 커넥터는 이 MCP로 만들어진 연결 중에서 Anthropic이 목록에 올려 클릭만으로 붙일 수 있게 한 것입니다.
커넥터 목록에 없는 도구를 연결하고 싶을 때 MCP를 직접 설정하게 됩니다. 앞선 책에서는 터미널 명령어와 설정 파일로 했고, Claude Desktop에서도 설정의 개발자 메뉴에서 설정 파일을 열어 추가하는 방식입니다. 이 책의 독자에게 당장 필요한 일은 아닙니다. 이 책의 실습은 커넥터 목록에 있는 것으로 충분합니다.
만약 필요해지면 그때도 직접 설정 파일을 고치기보다 Code 탭에 시키는 편이 낫습니다.
Claude Desktop에 Playwright MCP를 연결하고 싶어. 내 컴퓨터는 Windows야. 설정 파일을 어디서 열어야 하는지, 무엇을 적어야 하는지 순서대로 알려주고, 가능하면 네가 직접 설정해줘.
MCP는 계속해서 업데이트되고 있는 기능입니다. 최신 정보는 공식 문서를 참고해주세요. 자세한 내용은 위니북스에도 게시가 되어 있으니 참고해주세요.
- 공식 문서: https://docs.anthropic.com/ko/docs/claude-code/mcp
- 위니북스 MCP 베이스캠프: https://www.books.weniv.co.kr/basecamp-mcp/
5. 어디까지 연결할 것인가
커넥터를 연결한 만큼 Claude가 볼 수 있는 범위도 넓어집니다. 편리해지는 만큼 조심할 것도 늘어납니다. 세 가지만 기억하세요.
- 읽기와 쓰기를 구분하세요: 읽기만 하는 연결은 실수해도 잃을 것이 없습니다. 쓰기가 되는 연결(GitHub에 올리기, 노션 페이지 고치기)은 Claude가 확인을 구할 때 꼭 내용을 봅니다.
- 회사 계정은 정책부터 확인하세요: 연결 자체가 회사 규정에 어긋날 수 있습니다.
- 안 쓰는 연결은 끊으세요: 사용자 지정 메뉴에서 언제든 해제할 수 있습니다.
5장에서 GitHub를 연결하고, 6장에서 Figma를 연결하며 실제로 써봅니다. 지금은 사용자 지정 메뉴에 커넥터라는 자리가 있다는 것까지만 기억하시면 됩니다.