AI활용력, 바이브코딩을 파해쳐보자! - (1)

- 목차 -

• 바이브 코딩(Vibe Coding)
• 바이브 코딩 장점 🆚 오해
• 더닝 크루거 효과
• 나를 잘 쓰기 위해 잊지 마 🤖
• Cursor
• 사전준비
• Mcp server 적용하기
  • Model Context Protocol
  • cursor mcp 셋팅
  • context 7
• cursor Chat
• 운에 기대지 않는 자연스러운 코딩!!
• 마지막 내 결과물

여러분은 AI를 활용해서 문제를 해결해보신 적이 있으신가요? 저는 실무에서도 AI를 자주 활용하곤 했었는데 원하는 것만큼 결과물이 나오지 않을 때가 많았습니다. 어떻게 하면 더 잘 사용할 수 있을까 고민을 하던 중, 원티드에서 개설한 [실무에진짜통하는 AI활용력, 바이브코딩마스터] 강의를 듣게 되었습니다. ✏️ 총 4개의 강의를 듣고 공부한 내용을 정리해보려 합니다.

바이브 코딩(Vibe Coding)

“개발자가 생성형 인공지능의 도움을 받아 코드를 작성하는 행위를 일컫는 신조어로 프로그래밍을 할 때 사전에 엄밀한 논리나 설계를 바탕으로 하지 않고 직감과 느낌에 의존한다는 의미로 ‘바이브’코딩이라는 이름이 붙었다.”

바이브 코딩 장점 🆚 오해

🥹 와 알아서 다 해주네? 이 어려운걸 5분만에?

개발 속도가 엄청 빠르죠, 사람이랑 절대 비교할 수 없을 정도로 금방 결과물이 나옵니다. 그래서 개발을 잘 모르는 분들도 쉽게 접근할 수 있는 장점이 있습니다.

🤔 바이브 코딩 그거 조롱하는 용어 아냐?

코드 품질이 낮고 프롬프트를 구체적으로 작성해도 잘 이해하지 못합니다. 심지어 여러번 실행하면 실행할때마다 다른 결과를 만들어서 컨트롤이 어렵습니다. 프로토타입 개발용, 협업 및 큰 프로젝트에서는 활용이 어렵다 라는 부정적인 의견도 많습니다.

왜 이런 반응으로 갈릴까요?

더닝 크루거 효과

AI를 잘 모를 때는 과도하게 신뢰하면서 사용하며 한계를 깨닫고 회의감에 빠지고, 결국 AI의 강점과 약점을 이해하며 현명하게 활용하는 단계에 이르게 된다는 의미입니다. 이는 AI 활용 능력이 향상됨에 따라 AI에 대한 신뢰 수준이 변화하는 양상을 설명합니다.

저도 처음 사용할 땐
💭 와 이렇게 빨리 해 줘? 안 쓰는 게 바보 아니야?

이런 생각이었는데, 잘 알아보지 않고 자주 사용하다보니 실행 안 되는 코드도 많고 컨트롤 하기 힘든 부분이 생겼던 것 같습니다.

나를 잘 쓰기 위해 잊지 마 🤖

1. 나를 서포트 해 주는 TOOL 로 활용하기
2. 의존하지 않고 통제하기
3. 내가 먼저 전문가가 되기
4. 새로운 소식에 관심 갖기

Cursor

강의에서는 커서 AI Editor로 진행됐습니다. https://www.cursor.com 강의 시작 전에 미리 손에 익혀두기 위해 맛보기로 사용해봤는데, 기대보다 더 똑똑하고 사용하기 편했습니다! 초기 셋팅도 커서가 도와주고, vscode 셋팅도 자동으로 불러와지고, 특히 간단한 반복작업할 때 신세계였습니다. ~왜 안 써?~ 저는 지금 오프라인 환경에서 업무 진행 중이어서 사용하지 못하지만 실무에서 잘쓰면 정말 활용도가 좋을 것 같습니다.

사전준비

아래 세 개는 필수 설치임니다!

• cursor
• python3.11.x
• node

Mcp server 적용하기

우선, MCP가 뭔지 모르는데? 🙋🏼‍♀️

Model Context Protocol

MCP란 인공지능 모델, 특히 LLM(대규모 언어 모델)이 다양한 외부 도구 및 시스템과 효율적으로 소통할 수 있도록 설계된 개방형 표준 프로토콜입니다.

AI가 웹 검색, 계산, API 호출 등 현실 세계의 작업을 수행할 수 있도록 돕는 일종의 “소통 언어” 역할을 합니다. 이를 통해 AI 에이전트는 복잡한 작업을 자동화하고 더 지능적인 행동을 구현할 수 있습니다.

mcp에 대해서는 더 자세히 알아보고 싶어서 간략한 소개만 하고 넘어갈게요. 그치만 오늘 제일 중요한 개념이에요! 이번 강의에서는 MCP 사용 유무를 체감 해봤습니다.

cursor mcp 셋팅

mac 기준입니다.

Cursor Setting > Tools&Integrations > MCP Tools > New MCP Server

context 7

강의에서 context7 이라는 mcp를 사용했습니다.

• MCP: AI가 외부와 소통하는 표준화된 ‘조사 사용 규칙’
• Context7: 그 규칙을 이용해 ‘개발 문서’라는 특정 분야의 조사를 능숙하게 활용하여 AI에게 정확한 맥락을 제공하는 서비스

https://github.com/upstash/context7

사이트에 접속하여 [install in Cursor] 탭을 열어서 json을 복붙하기 💾 그 다음 New MCP Server에 json을 붙여넣기, 저장을 하고 나면 MCP 리스트에 enabled 2 라고 실행되면 정상입니다!

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

cursor Chat

커서의 핵심 기능인 Chat을 사용해보겠습니다. ctrl+i 또는 cmd+i로 활성화를 해서 프롬프트를 입력하면 커서가 자동으로 파일 생성, 작성까지 다 해줘요. 진짜 미쳤어 •••.

💬 평소처럼 막 요청해 보기

• 사용자가 원하는 상품의 최저가를 인터넷에서 찾아서 가격과 구매사이트 링크를 리스트업해서 보여주는 Agent 를 개발 해줘,
• 심플하게 Streamlit으로 개발하고 llm 모델은 gemini 사용해줘

💬 MCP를 사용해서 요청해 보기

• 사용자가 원하는 상품의 최저가를 인터넷에서 찾아서 가격과 구매사이트 링크를 리스트업해서 보여주는 Agent 를 개발 해줘
• 심플하게 Streamlit으로 개발하고 llm 모델은 gemini 사용해줘
• mcp context7 참고해서 개발해줘

ai를 활용한 실습으로 정말 다양한 결과물이 나왔는데요 저는 한번도 성공하지 못했씁니다. env 파일까지 다 만들어 줬다는 분도 계시고, 차트를 만들어서 비교까지 해줬다는 분도 계셨는데 저는 한번도 검색 결과가 나온 적이 없어요… 😂 성공할 때까지 또 만들어 보려고 합니다.

결과가 나오면 cursor가 실행하라는 방법대로 실행하고 발생하는 오류를 그대로 cursor한테 보내서 ”해결해줘. “ 방식으로 진행하시면 됩니다.

번외 제미나이 모델을 사용하므로 제미나이 키를 발급받아야하는데요 사용할 때 모델은 얘를 사용했습니다.

• gemini-2.5-flash-preview-05-20

환경 변수 셋팅이 되어있지 않다면 pip명령어를 사용할 수 없어요. 저도 잘 따라가다가 여기서 버벅 거렸어요. pip install requirements를 해야할 텐데요, 임시로

python3 -m pip install -r requirements.txt

를 사용할 수 있습니다. Pip 명령어 안 되는 것도 해결해야겠죠!?

운에 기대지 않는 자연스러운 코딩!!

이번 강의 중에 가장 웃픈 문장이었습니다. 사용하다보면 이번엔 진짜다. 이번엔 진짜 진짜다 마지막 기회다. 하면서 사용했던 경험이 떠올랐어요. 이번 강의를 듣고 AI를 더 잘 활용하고 운에 기대지 않는 코딩을 하게 되었으면 좋겠습니다. 😵

마지막 내 결과물