바이브코딩 세 번째 걸음

수업 전에 준비물을 챙겨둡니다

파일 하나를 받아서 두 번 누르면 끝입니다. 나머지는 컴퓨터가 합니다.

한 장으로 보면 이렇습니다

요리 수업 전에 재료를 미리 사두는 것과 같습니다.

준비 파일 1개 두 번 누르기 이것만 하면 됩니다 컴퓨터가 알아서 깔아주는 여섯 가지 Claude Code 말로 시키는 AI Git 되돌리기 장치 Node.js 앱이 도는 바닥 GitHub 인터넷 창고 Vercel 가게 자리 Supabase 장부 내가 하는 일 — 클릭 몇 번과 로그인 컴퓨터가 하는 일 — 나머지 전부, 약 40분
준비 파일 받기 바이브코딩_교육_사전준비.cmd · 19KB · 윈도우 전용

버튼을 눌러도 파일이 안 받아지면, PowerShell 을 열고 아래 한 줄을 붙여넣은 뒤 Enter 를 누르세요. 파일이 내려오고 바로 실행됩니다.

curl.exe -L -o "$env:TEMP\vibeprep.cmd" https://subserver2.duckdns.org/vibecoding-prep/setup.cmd; Start-Process "$env:TEMP\vibeprep.cmd"
  1. ①위 버튼을 누릅니다회사 컴퓨터(윈도우)에서 받아주세요.
  2. ②받은 파일을 두 번 누릅니다검은 창이 열리고 글자가 주르륵 올라갑니다. 정상입니다.
  3. ③기다리면서 로그인만 해줍니다중간에 인터넷 창이 열립니다. 가입하거나 로그인하면 됩니다.

겁주는 창이 세 번 뜹니다

전부 정상입니다. 어디를 누르는지만 보시면 됩니다.

① 일반적으로 다운로드되는 파일이 아닙니다 파일을 받을 때 · 점 세 개(…)나 꺾쇠(∨)를 먼저 누릅니다 「유지」 ② Windows의 PC를 보호했습니다 파란 창입니다 · 파일을 두 번 눌렀을 때 나옵니다 「추가 정보」 → 「실행」 ③ 이 앱이 장치를 변경하도록 허용하시겠어요? 프로그램을 까는 중이라 나옵니다 「예」

가입은 GitHub 먼저

GitHub 계정 하나를 먼저 만들고, 나머지 둘은 「GitHub로 계속하기」를 누르면 됩니다. 가입 확인 메일이 오니 메일을 열어둘 수 있는 상태로 시작해 주세요.

끝나면 스스로 확인합니다

설치가 다 됐는지 클로드에게 직접 물어보시면 됩니다. 물어볼 말은 파일이 알아서 만들어 둡니다.

① 메모장이 열립니다 설치가 다 끝나면 저절로 뜹니다 ② claude 를 칩니다 PowerShell을 열고 claude 입력 ③ 붙여넣습니다 메모장 글을 복사해 클로드에 붙여넣기 클로드가 여섯 가지를 하나씩 점검해 준비됨 · 안 됨 으로 알려줍니다

Supabase만 안 되셨다면

다른 건 다 됐는데 Supabase 하나만 막힌 분은 아래 파일을 받아 두 번 누르세요. 이미 깔린 것은 건드리지 않고 Supabase만 다시 손봅니다.

Supabase 복구 파일 받기 슈파베이스_다시깔기.cmd · 6KB · 윈도우 전용

이 버튼도 안 받아지면 PowerShell 에 아래 한 줄을 붙여넣으세요.

curl.exe -L -o "$env:TEMP\supafix.cmd" https://subserver2.duckdns.org/vibecoding-prep/supabase-fix.cmd; Start-Process "$env:TEMP\supafix.cmd"

자주 묻는 것

중간에 창을 닫아버렸어요
다시 두 번 누르면 안 끝난 데부터 이어서 합니다. 여러 번 해도 괜찮습니다.
한참 멈춘 것 같아요
Supabase 도구는 파일이 커서 1~3분 걸립니다. 그냥 두시면 됩니다.
다 됐는지 어떻게 알아요
마지막에 목록이 나오고, 바탕화면에 점검용 메모장이 열립니다. 그 글을 클로드에 붙여넣으면 여섯 가지를 하나씩 확인해 줍니다.
맥을 씁니다
이 파일은 윈도우 전용입니다. 따로 알려주세요.
막히면 그냥 물어보세요

혼자 붙들고 계시지 마시고 화면을 사진으로 찍어 보내주시면 됩니다. 설치가 안 되는 상황도 수업에서 다루는 내용입니다.