개발자 초보도 쉽게 이해하는 MCP 이해해보기 (with 활용예시) 🚀

들어가며: AI 세계의 새로운 혁신, MCP란? 💡

안녕하세요, AI 기술에 관심 있는 여러분!
오늘은 개발 커뮤니티에서 화제인 MCP(Model Context Protocol)에 대해 쉽고 재미있게 알아보겠습니다. 🌐

1. MCP의 핵심 기능 탐구 🔍

1.1 Resources: 정보의 확장 🌈

• AI가 학습된 데이터 너머의 외부 정보에 안전하게 접근
• GPT나 Claude가 더 넓은 세상의 정보 활용

1.2 Prompt 최적화: 스마트한 질문 도구 🪄

• 프롬프트 복붙은 이제 그만!
• 내가 궁금한 내용만 작성하면 질문을 자동으로 프롬프트화해주는 편리한 같은 기능

1.3 Tools 상호작용: AI의 소통 능력 🛠️

• AI 모델들이 외부 도구와 자유롭게 대화
• 개발자들의 혁신적인 도구 연결 방법

1.4 Sampling: 창의성의 열쇠 🎨

• 같은 프롬프트로 매번 다른 결과 생성
• 창의적 아이디어 발굴의 최고 도구

---

뭔가 대단히 모호하고 이렇게 저렇게 활용할 수 있다라는 개념만 있고, 어떻게 뭘 사용하는건데? 라는 내가 당장 활용할만한 비전을 느끼기 여려운 설명이라고 생각해요. (개발자인 저도 바로 이해하기 어려웠답니다)

그래서 좀 많이 단순히 정리를 하자면, 현재 사용하는 ai agent (gpt, claude, cursor 등) 에 MCP 라는 규약을 따르는 프로그램, 서버를 개발하면 훨씬 더 다양하게 ai agent 를 사용할 수 있다! 라고 정리할 수 잇을 것 같아요

근데 나는 아직 개발을 제대로 해본적도 없는데, 이해도 어려운 MCP 프로그램은 어떻게 개발하지? 라는 고민이 드는 분들을 위해 다른 개발자들이 만들어놓은 mcp 서비스를 찾아보고, 활용하는 예시로 이해를 쉽게 도와드릴게요!

2. MCP, 어떻게 활용할까? 실전 예시! 🚀

2.1 서울시 주차장 AI 추천 시스템 만들기

문제 상황 🤔

논현동에서 10,000원에 2시간 정도 주차할 수 있는 주차장 찾아줘

그냥 gpt 나 claude 에게 아래에 질문을 해서 답을 얻을 수 있다면 어떨까요?
일부 서울시 주차장 정보로 대답은 해줄 수 있더라도, 신뢰할만한 서울시 주차장 데이터 풀을 알지 못하기 때문에 정확한 대답은 어려울거에요!

그래서 아래처럼 MCP 서비스를 활용하여, 서울시 주차장 정보를 보여주는 홈페이지 정보를 ai 에게 알려주는 MCP 기능 을 사용하면 위 질문에 답변할 수 있겠다는 생각이 들어서 테스트를 진행해보았어요!

MCP 활용 전략 🌟

1. Firecrawl 서비스 활용
   • URL 기반 웹페이지 데이터 분석
2. 서울시 주차장 웹사이트 크롤링
   • https://parking.seoul.go.kr/
3. Firecrawl 서비스를 AI 에이전트와 실시간 연결하여 질문!

세팅해보기 🚧

1. https://smithery.ai/ 홈페이지 접속 및 가입
   • smithery.ai 는 개발자들이 개발한 MCP 프로그램들을 공유하는 사이트입니다!
   • 여기서 위에 소개한 Firecrawl 을 찾아주세요!
   • 굉장히 개발자 친화적인 홈페이지라 가입이 꺼려지신다면, 다음 기회에 도전해보아요 😅
2. https://smithery.ai/server/@mendableai/mcp-server-firecrawl 서비스 상세 페이지 접속해서 사용하길 원하는 agent 에 맞는 설치 명령어를 가져옵니다!
   • https://www.firecrawl.dev/ 에 로그인 후 API KEY 를 복사합니다!
     • 아쉽게도 FireCrawl MCP 서비스도 다른 AI 서비스처럼 토큰을 사용하는 유료 서비스입니다.😥
     • 하지만 500회 무료로 사용할 수 있는 기회를 사용해서 예시로 설명하는데 사용하도록 하겠습니다.
   • fireCrawlApiKey 에 복사한 API KEY 를 붙여넣기 한 뒤 Connect 버튼을 눌러주세요!
     
     
   • (저는 cursor 유료 버전을 사용하고 있어서 cursor 를 사용할 예정입니다!)
     

     

     cursor 용 mcp 설치 명령 복사

   • cursor 설정에서 Add new MCP server 를 클릭하여 복사한 명령어를 붙여넣어 줍니다!
     

     

     cursor 설정

     
     
     
   • 꼭 타입을 command 로 변경해주세요!
     

     

 

3. 결과 확인해보기

• MCP 적용 전
  

  

  MCP 미활용 대화

• MCP 를 활용한 대화
  

  

  MCP 활용 대화

조금 김이 빠지지만, 홈페이지의 주차장 정보는 해당 주차 안내 시스템에서 동적으로 데이터를 받아오는 정보였고, firecrawl 을 제대로 알아보지 않고 사용한 결과, 원하는 정보에 접근하지 못하였습니다 😂

하지만 이 실패 사례를 소개드린 이유가 있는데요!

응답에서 보다싶이 서울특별시 주차정보 안내 시스템에 대한 정보를 상세히 안내해주는 것을 발견하실 수 있습니다. 이것이 바로 MCP 서버를 사용해서 해당 홈페이지의 정보를 AI Agent 에게 알려주었기 때문에 해당 정보가 내려오는 것이라고 설명을 드릴 수 있게 되었습니다 😎

 

마무리: 빠르게 변화하는 AI 트렌드, 어떻게 접근할 것인가? 🌐

 

빠르게 진화하는 MCP와 AI 기술의 세계는 때로는 압도적으로 느껴질 수 있습니다. 하지만 걱정하지 마세요!
중요한 것은 완벽하게 이해하는 것이 아니라, 호기심을 가지고 꾸준히 배우는 자세입니다. MCP와 같은 새로운 기술들은 하루아침에 마스터할 수 있는 것이 아니에요. 오히려 천천히, 그리고 즐겁게 접근하는 것이 핵심입니다.

초보자를 위한 조언💡

• 너무 부담 갖지 마세요: 모든 것을 한 번에 이해하려 들지 마세요.
• 작은 호기심부터 시작하세요: 작은 프로젝트나 간단한 실험으로 시작해보세요.
• 커뮤니티와 함께하세요: 혼자 고민하지 말고 다른 개발자들과 소통하세요.

AI와 MCP 기술은 매일 변화하고 있습니다. 오늘 최신 트렌드라고 여겨지는 것이 내일은 이미 구식이 될 수 있어요. 중요한 건 변화를 두려워하지 않고, 꾸준히 학습하는 자세입니다.

 

"기술의 미래는 완벽히 아는 사람이 아니라,
배우기를 멈추지 않는 사람의 것이다."

여러분의 AI 학습 여정, 함께 응원합니다! 🎉🤖