바이브 코딩에 빠져있는 1인입니다.

바이브 코딩이란 무엇이냐...

코딩을 할줄 몰라도 AI에게 "이거 해줘, 저거 해줘" 라는 식으로 자연어로 입력하면 AI가 찰떡같이 알아듣고 코딩을 해주는 방식입니다.

이게 말이 되냐... 싶지만 진짜로 되더라고요.

그래서 저도 한번 해보려고 했습니다.

그런데, 진짜 어떻게 하는지 하나도 몰랐거든요.

그래서 제미나이를 붙들고 물어보기 시작했습니다.

[나는 이제 AI를 활용해서 개발을 해보려고 하는 비개발자야.
앞으로 나를 도와서 VS Code를 통해 Node.js, React 를 활용해 개발하는 것을 도와줘.
코딩에 대한 기초 경험은 있지만 개발환경 구축은 전혀 감이 없기 때문에 Step by Step으로 도와줘]

그러자 차근차근 알려줍니다.

vs code 를 다운받을 수 있는 링크도 주고 Node.js도 설치하는 법 알려주고 npm도 설치하는 법 알려주고..

(저는 아직도 Node.js가 뭔지 React가 뭔지 모릅니다. 그냥 그걸로 개발하래서 말 해봄..)

Git도 설치하고.. (여전히 Git도 뭔지 잘 모릅니다.)

그다음 AI 코딩 에이전트를 설치하라고 하는데, 제미나이는 github copoilt을 설치하라고 하는데요.

저는 코딩은 문외한이어도 클로드 코딩이 좋다는 건 들어서 알고 있었습니다. 그래서 이건 패스.

1단계가 끝이 납니다.

그 다음 VS Code에 클로드 코딩 에이전트를 연결하려고 합니다.

[vscode에 클로드 ai를 연동하는 방법을 알려줘]

방법 세가지를 알려주네요.

방법 1. GitHub Copilot 사용 (가장 간편함)
방법 2. Cline (구 Claude Dev) 확장 프로그램 (가장 강력함, 추천 ⭐)
방법 3. 공식 'Claude for VS Code' 확장 프로그램

근데 저는 GitHub도 잘 모르고 Cline는 더 복잡한거 같고... 일단 클로드 유료구독을 해서 (제미나이, 클로드 구독료가 더블 ㅠㅠ)
방법 3으로 합니다.

[vscode에 Claude for VS Code 설치했는데 계정 연동은 어떻게 해?]

뭐라 뭐라 한참 설명을 합니다. 그대로 따라합니다.

에러가 왕창 나왔습니다. 설치과정도 이해를 못하는데 에러를 이해할 리가 없습니다.

그냥 에러를 복사해서 갖다 붙였습니다.

[npm error permissions of the file and its containing directories, or try running
npm error the command again as root/Administrator.
npm error A complete log of this run can be found in: /Users/minsukim/.npm/_logs/2025-11-27T13_20_43_443Z-debug-0.log]

다음과 같이 답해주네요.

[이 에러는 권한(Permission) 문제입니다. Mac을 사용하고 계신데, 시스템 폴더에 프로그램을 설치하려고 할 때 관리자 권한이 없어서 발생하는 흔한 오류입니다.
해결 방법은 아주 간단합니다. 명령어 맨 앞에 **sudo**를 붙여서 관리자 권한으로 실행하면 됩니다.]

잘 됩니다.

[성공했어. Agent 창에 클로드를 불러오려면 어떻게 해?]

[설치에 성공하셨군요! 고생하셨습니다.
공식 Claude Code는 별도의 사이드바(GUI)가 뜨는 방식이 아니라, 방금 설치하신 '터미널' 자체가 에이전트와 대화하는 창이 되는 방식입니다.
VS Code 하단 터미널에서 다음 순서대로 클로드를 불러오시면 됩니다.]

그런데.. 제가 다른 지인이 하는거 보니까 아래쪽 터미널 창이 아니라 오른쪽 화면에서 채팅하듯이 하는 걸 봤거든요.
그래서 다시 물어봅니다.

[그런데 화면 오른쪽에 Agent chat 창을 이용해서 claude랑 채팅하면서 작업을 하고 싶은데]

뭐라뭐라 엄청 이야기를 하는데 이해를 잘 못하겠습니다. 오늘은 패스.

이것 저것 테스트를 해보는데 실행된 개발서버가 멈추질 않습니다.

어케하지...?

다시 물어봅니다.

[VScode에서 서버를 중지시키는 방법]



[VS Code 터미널에서 실행 중인 서버(Node.js, React 등)를 끄는 방법은 아주 간단합니다. 가장 편한 방법부터 순서대로 알려드릴게요.
1. 단축키 사용 (가장 추천 ⭐)
터미널 창을 한 번 클릭해서 커서를 둔 상태에서 아래 키를 누르세요.
Windows/Mac 공통: Ctrl + C
주의: Mac 사용자도 Command(⌘)가 아니라 Control(⌃) 키를 써야 합니다.

대부분 즉시 종료되거나, "일괄 작업을 끝내시겠습니까? (Y/N)"라고 물어볼 수 있습니다. 이때는 **Y**를 누르고 엔터를 치면 됩니다.]

이런식으로 바이브코딩 1일차를 마무리합니다.