이게 된다고? 채널톡이 만든 MCP와 생태계

코딩 없이 채널톡 설치, 채널톡과 노션 연동까지!

Marie🍀

  • 채널톡 사용팁

이전에 채널톡 블로그 개념허브를 통해 소개해드렸던 MCP라는 용어를 기억하시나요? (→ MCP는 AI 업계의 표준이 될까요?) 그 이후에도 MCP는 계속해서 업계의 주목을 받고 있답니다.

저 역시도 MCP가 편하다는 건 알겠는데, 구체적으로 어떻게 사용해야 하는 거고, 어떻게 편리하다는 건지 궁금했어요.

그런데 채널톡에서 MCP를 출시하고 직접 활용할 수 있게 되면서 '없던 시절로 돌아갈 수 없다'는 걸 체감하게 되었습니다.

얼마나 편한지, 백문이 불여일견이죠.

MCP가 도대체 무엇이고, 채널톡이 무엇을 만들었는지 차근차근 설명해드릴게요.

그래서 MCP가 뭔가요?

MCP를 가장 쉽게 이해할 수 있는 비유는 USB C타입이에요.

채널톡이 직접 만든 MCP(MCP Server)는 USB C타입 케이블이고, 저희가 팀 ALF를 통해 제공하는 MCP 환경(MCP Host)은 C타입 USB를 연결할 수 있는 컴퓨터라고 생각해주시면 됩니다.

아무리 다양한 USB C타입 케이블이 있어도 연결할 컴퓨터가 없다면 활용하기 어렵겠죠?

채널톡은 MCP를 제공함과 동시에 외부 MCP까지 사용할 수 있는 환경을 구축된 프로그램이 되었습니다. (국내에는 몇 개 없다고 하더라고요)

MCP Server와 MCP Host 대한 예시이미지

이제 채널톡이 만든 MCP 생태계를 하나씩 살펴볼까요?

“방금 너랑 나눈 대화 정리해서 노션에 올려줘”

비개발자분들이라면 노션(Notion), 개발자분들이라면 리니어(Linear)를 많이 사용해보셨을 텐데요. 이런 도구들의 공통점은 MCP를 지원하는 툴과 연결해서 사용할 수 있는 MCP Server를 제공한다는 점입니다.

제공되는 MCP Server를 채널톡과 연동하면, 채널톡의 AI 비서 '팀 ALF'가 여러분의 노션 페이지나 리니어 작업을 직접 확인하고 도움을 드릴 수 있어요. 복잡한 설정은 필요 없고, 여러분은 각 서비스에 로그인만 해주시면 됩니다.

연결은 간단하게 로그인만으로 끝!

AS-IS

  • 휘리릭 적어놓은 회의 내용 요약을 팀 ALF에게 부탁했다면? 결과물을 복사한 다음, 노션에 붙여넣기를 해야 했어요.

  • 노션에 있던 내용 중 팀 ALF에게 물어보고 싶은 내용이 있다면? 노션에서 내용을 찾아 복사한 다음, 팀 ALF에 붙여 넣고 검색해야 했죠.

With MCP

  • 이제 팀 ALF가 정리해 준 내용을 노션에 업로드 하고 싶다면 → ‘위 내용 노션에 올려줘’라고만 하면 끝이에요.

  • 노션에 있는 자료에 대해 궁금한 점이 있다면 → 노션을 찾아가지 않아도 팀 ALF가 내용을 찾아 정리해 줍니다.

설정 방법

  1. 팀 ALF 페이지 내 좌측 하단 ‘MCP 설정’이라는 메뉴를 클릭해 주세요.

  1. 연동하고자 하는 툴에 로그인하면 끝이에요.

MCP 연동은 현재 웹 버전에서만 가능합니다. 앱 지원은 곧 업데이트 될 예정이니 조금만 기다려주세요!

이 외에도 리니어도 채널톡에서 연동할 수 있게 MCP로 지원되고, 앞으로도 더 많은 MCP를 연동할 수 있도록 지원할 예정입니다. 더 자세한 사용 방법과 지원되는 툴 정보는 팀 ALF 가이드를 참고해 주세요! (→ 팀 ALF 가이드 바로 가기)

자체 제작 사이트에 채널톡 설치 5분 컷, 비결은 MCP!

앞서 소개드린 채널톡 Host 환경에 이어, 복잡한 코드 없이 채널톡을 쉽게 설치할 수 있는 '채널톡 설치 MCP Server'도 공개되었습니다. MCP를 지원하는 코드 편집기(ex. Cursor AI, VS Code 등)만 있다면 설치부터 이벤트 연동, 회원 정보 연동까지 쉽게 설정할 수 있어요.

AS-IS

자체 제작 사이트의 경우 채널톡에서 제공하는 스크립트를 사이트 코드에 삽입해야 할 뿐만 아니라, 사이트의 고객 정보를 1:1로 연동하는 작업도 필요해요.

우리 사이트의 어떤 정보와 채널톡의 어떤 정보를 매칭시킬지도 확인해야 해서 시간이 소요될 수 있는 작업이에요.

JavaScript

채널톡 설치 스크립트 예시

With MCP

MCP를 지원하는 코드 편집기를 통해 자연어 프롬프트만으로 간단하게 채널톡을 설치할 수 있어요!

설치 방법

  1. 코드 편집기를 실행한 다음, json 파일에 아래 코드를 추가합니다.

JavaScript
  1. 자연어로 ‘채널톡 설치해 줘’ 를 입력하면 끝이에요.

저는 별도의 자체 제작 사이트에서 Cursor와 함께 세팅을 해봤는데, 생각보다 처리하는 코드가 많더라고요.

위의 명령어와 함께 저의 사이트에도 채널톡 버튼이 설치되었습니다!

이벤트 연동도 3분 만에 끝!

AS-IS

자체 제작 사이트에서 채널톡으로 캠페인 마케팅 메시지를 처음 세팅하는 경우,

  1. 자체 제작 사이트에서 이벤트를 생성한 다음

  2. 생성한 이벤트가 발생했을 때 Track 함수를 호출하여 채널톡에 이벤트가 수집되도록 설정해야 해요.

비개발자 입장에서는 설치를 위한 자료들을 제품팀에 전달해야 하는 것도 난감하고, 전달받은 제품팀 멤버도 개발자 문서를 읽으며 하나하나 세팅해야 했어요.

With MCP

채널톡 설치 MCP가 있다면, 자연어로 이 한마디면 됩니다.

코드가 우르르 실행되더니 완료되었다는 메시지가 떴어요.

실제로 저의 사이트에서 로그인해 이벤트를 발생시킨 다음, 채널톡 마케팅 캠페인 세팅 창에 들어가니 이벤트가 생성되어 있었습니다. 어때요, 참 쉽죠?

실행되는 코드들을 보며 ‘정말 이게 된다고?’ 하며 의심했는데, 실제로 동작한 걸 보니 ‘이게 되네!’ 하고 느껴졌어요.

더욱 자세한 개발적인 내용이 궁금하시다면, 채널톡 설치 MCP를 직접 만든 멤버 페리의 테크 블로그를 참고해 주세요! (→ 채널톡 연동 MCP 서버 구현기)


어렵게만 느껴졌던 MCP 생태계에 한 발짝 다가선 느낌이 드시지 않나요?

MCP가 단순히 개발자들만의 툴이 아니라, 우리 모두의 업무와 일상을 더 편리하게 만들어주는 도구라는 걸 체감하셨을 거예요. 복잡한 코드 작업 없이도 팀 ALF를 통해 자연어 한 마디로 원하는 기능을 구현할 수 있다니!

채널톡의 MCP 생태계는 이제 시작일 뿐이에요. 앞으로도 더 많은 툴과 서비스가 연결되어, 여러분의 업무가 한층 더 스마트해질 수 있도록 지원할 예정입니다.

혹시 "우리 팀도 이런 편리함을 경험해보고 싶다"는 생각이 드신다면, 지금 바로 팀 ALF와 함께 MCP의 마법을 체험해보세요!

사이트에 무료로 채널톡을 붙이세요.

써보면서 이해하는게 가장 빠릅니다

회사 이메일을 입력해주세요