안녕하세요 멍개입니다.
이번 포스트에서는 Cursor와 Claude와 같이 MCP를 제공하는 도구의 원리를 이해하기 위해 MCP Client를 직접 구축해보겠습니다.
지난 시간에 MCP가 어떤 구조로 되어있는지 다뤄보았습니다.
.png%3Ftype%3Dw800&blockId=1cf64bb7-de47-809c-aa05-f26babfa2782)
Host는 실제로 사용자가 조작하는 어플리케이션을 의미합니다. 대표적으로 Cursor, Claude가 있습니다. 또한 최근에는 visual studio code에서도 MCP를 사용할 수 있도록 업데이트가 되었습니다. 본 포스트에서는 stdio / sse 방식으로 구성된 MCP Server를 구성하고 MCP Client로 연결하여 사용하는 방법을 javascript로 알아보겠습니다.
MCP Server는 stdio와 SSE 방식으로 제공할 수 있습니다. Server는 일반적인 서버를 의미하며 stdio는 MCP Client가 동작하는 환경에서 로컬에서 해당 서버를 구동하는 방식입니다.