IT 기술 따라잡기

🎥 오늘의 영상
2025년 9월 14일 진행된 ‘재미로 하는 Vibe Coding’ 라이브 중, MCP 기초 설명만 쏙쏙 모은 편집본입니다.

❓ 왜 이름이 Model Context Protocol 인가?

Model = 🤖 AI

Context = 🗂️ AI가 일을 잘 하도록 돕는 제반 정보·요구사항

Protocol = 🔗 애플리케이션이 이 Context를 AI와 소통하게 해 주는 규약
→ 그래서 이름이 Model + Context + Protocol = MCP!

🧭 MCP는 왜 필요한가?

전통 앱은 HTTP/FTP/SMTP 같은 프로토콜로 동작 📡

AI는 자연어로 동작 💬

두 세계(프로토콜 ↔ 자연어)를 안전하고 표준적으로 연결하려면 MCP가 필요합니다 🔌

위 두 Topic 에 대한 이야기 입니다.

IT 에서 30년간 일하면서 쌓아온 지식을 바탕으로 MCP 이름의 의미부터 AI 시대의 Application 개발에 필요한 기술들에 대해 이야기 합니다.

⏰ 라이브 일정
이 영상 잘 봐 주시고 매주 일요일 밤 9시 (KST) 에 진행되는 '재미로 하는 Vibe Coding' 라이브 방송에 많은 참여 바랍니다.
여러분의 참여가 방송을 더 풍성하게 만듭니다 🙌

https://youtu.be/Bpmg3WNwQO0

🎬 코딩 없이 개발? 입으로만 코딩하는 실전 Vibe Coding!

실제로 코딩 한 줄 없이, 프롬프트만으로 앱 개발부터 배포까지 진행하는 실전 과정을 직접 확인해 보세요!

이번 영상은 🗓️ 2025년 8월 3일 라이브 방송의 편집본입니다.

🕘 ‘재미로 하는 Vibe Coding’ 라이브 방송

📅 매주 일요일 밤 9시 (KST)

💻 코딩이 아닌 Vibe로 지시하고, AI가 대신 코딩하는 실전 Vibe Coding을 참여자들과 함께 진행합니다.

🧩 이번 영상의 핵심 작업 흐름

🧑‍🎨 Frontend: Bolt New라는 Vibe Coding Tool을 활용해 프롬프트만으로 UI 완성!

🧑‍💻 Backend: GitHub Copilot에게 백엔드 로직을 Vibe로 요청!

☁️ Cloud: ChatGPT 4o가 Cloud 작업도 완벽하게 처리!

🤖 AI Dev Dream Team

⚡ Bolt New → Frontend Engineer

👨‍✈️ GitHub Copilot → Backend Engineer

☁️ ChatGPT 4o → Cloud Engineer

🎯 이 AI 팀이 실제 개발부터 배포까지 전 과정을 무료로, 그리고 효율적으로 처리합니다!

🛠️ 이날 처리한 실제 작업들

✅ Frontend + Backend 기능 개발

🚀 앱을 배포하기 위한 Cloud 세팅

🔍 각 파트별로 어떤 AI 툴을 활용했는지 Vibe Coding 실전 예시 공개!

💸 전부 무료 툴로 가능했습니다!

코딩, 인프라 세팅, 배포까지

개발자 없이도 누구나 직접 실행 가능한 AI 기반 개발 흐름

📌 이번 주(8월 10일) 예고

🔁 CI/CD 세팅도 Vibe Coding으로 자동화 시도!

🧠 GPT-5의 새로운 코딩 기능도 실전 테스트 예정!

가능하다면 현재 개발 중인 앱에 적용까지!

🔥 매주 성장하는 ‘Vibe Coding 실전 현장’에 함께 하세요!

📅 매주 일요일 밤 9시 (KST)

🔔 구독과 알림 설정, 그리고 실시간 참여도 잊지 마세요!

https://youtu.be/b-w60Izp5nA?si=k0dtM0nVPLSLw6Ju

코딩은 꿈도 못 꾸셨던 분들 한번 도전해 보세요.
AI 가 도와 드립니다.
AI 시대에는 어플리케이션을 직접 개발하세요.

요즘 Vibe Coding 이라는 말이 회자되고 있습니다.
AI 를 이용해서 코딩을 하는 것을 말합니다.

AI가 코딩의 진입 장벽을 낮추었습니다.
의외로 쉽습니다. (첨부터 끝까지 무료로 진행할 수 있는 방법을 알려 드릴께요)

저도 Vibe Coding 연습을 시작했습니다.
다양한 Tool 들이 있지만 저는 무료로 제공되는 마이크로소프트의 GitHub Copilot 을 사용하고 있습니다.

배우는 과정을 유투브 라이브를 통해 실시간으로 보여 드리고 있습니다.

참여자분들이 채팅창에 의견을 주시면 즉석해서 반영하면서 같이 배워 보려고 합니다.
벌써 두번의 라이브 방송을 했습니다.

처음이라 사용법을 몰라서 채팅창이 Disable 되도록 세팅을 해 놔서 이 두 번은 저 혼자만 했는데요.
다음에는 제대로 세팅을 해서 여러분들도 실시간으로 참여할 수 있도록 할게요.

제 채널에 구독 하시고 알림 설정 하시면 다음 '재미로 하는 Vibe Coding' 라방에 참여하실 수 있습니다.
준비 되는 대로 라방을 진행 하겠습니다. 아직 미리 시간을 예약하는 것은 힘들 것 같습니다.

이번 두번의 라이브 방송에서는 GitHub Copilot 을 시켜서 코딩을 했습니다.
간단한 어플리케이션을 만들고 Public 하게 Publish 도 했습니다.

여러분도 이 두 라이브 방송을 따라하시면 아래와 같은 어플리케이션을 개발해서 이렇게 배포까지 가능합니다.

처음부터 끝까지 모두 무료입니다.

https://guidinglight.streamlit.app/

Note : 아래 설명되는 강좌들은 이 Playlist 에서 모두 보실 수 있습니다.
https://youtube.com/playlist?list=PLRQGNaa1hGF1eBvNMVquJ5_hFw4mW7_MO&si=bbAY5s9PBzTZzt4V⁠

이번 두 번의 라이브 방송에는 아래 내용들을 다뤘습니다.

https://youtube.com/live/M4PXDMFsYp8?feature=share

o Catch Up AI Youtube Live 1

재미로 하는 Vibe Coding - GitHub Copilot : Ask, Edit, Agent

* 아래 AI Web App 을 Enhancement 하기
https://catchupai.streamlit.app/Todays_Counsel 

- 더 많은 언어 지원하기                             
- 좀 더 연령대에 맞는 조언 해 주기          
- 관련 Image Display 하기                          
- GitHub 에 Upload 하기

* GitHub Copiot 기능 배우기
- Ask, Edit, Agent                           
-  Settings : Copilot Next             

https://youtube.com/live/HprHBSG1I00?feature=share

o Catch Up AI Youtube Live 2

재미로 하는 Vibe Coding - GitHub Copilot : GitHub에 Upload, Streamlit Cloud 에 Publish 등등

*  AI Web App 을 Enhancement 하기
https://catchupai.streamlit.app/Todays_Counsel 

지난 시간 못한 것 마무리

- GitHub Copilot Edit Mode 사용해서 LICENSE , README.md 파일들 한국어 버전 생성
- GitHub Copilot Agent Mode 사용해서 GitHub에 소스코드 Upload          
- GitHub Copilot Ask Mode 사용해 보기 (AI Agent 에 대해 나만의 정의)                  
- Public Publish 하기 : Streamlit Cloud    

잡담      
- 위 Service 들 아직 모두 무료 임                       
- Vibe Coding Tool들 비교하기
- Vibe Coding 에 임하는 자세 : Plan Plan Plan 
- 마무으리 : AI 시대 코딩 배울 필요 없다는 말
      


그리고 참고로 이전에 GitHub Copilot 을 설치하고 사용하는 기초 강좌도 하나 올렸습니다. 참고 하세요.

https://youtu.be/0GWfJoDgQZ0

o AI로 AI 웹앱을 만듭니다. 코딩 몰라도 5분만에 뚝딱! 첨부터 끝까지 모두 무료

GitHub Copilot을 이용해서 5분만에 뚝딱 웹 앱 만들기

개발자 뿐만 아니라 비전공자도 접근 가능한 초간단 앱 제작 방법
완전 무료 서비스

1. 필요한 Tool들(VS Code, GitHub Copilot Chat)을  설치합니다.
2. GitHub Copilot AI 에게 코딩을 하라고 지시를 합니다.
3. GitHub Copilot AI 에게 에러를 고치도록 합니다.
4. Copilot Edits 를 이용해서 기존 파일들을 편집합니다.
5. GitHub 의 무료 AI API service 사용법을 배웁니다.
Tip 1  : .env 파일로 편리하게 key 값 관리하기
Tip 2 : 원하는 결과를 얻으려면 질문을 잘 해야 합니다.


참고로 이 비디오들과 앞으로 진행될 라이브 방송은 이 Playlist 에서 보실 수 있습니다.

https://www.youtube.com/playlist?list=PLRQGNaa1hGF1eBvNMVquJ5_hFw4mW7_MO