클로드 바이브코딩 기초반

한국이러닝 블로그

코딩을 모르는 사람이 Claude로 업무 도구와 서비스를 만들며 만나는 질문들. 수업에서 실제로 받은 질문에 답합니다.

• 바이브코딩이란 — 비개발자가 이해하는 한 줄 정의코드를 쓰는 대신 말로 시키고, 결과를 보고, 다시 말로 고치는 방식. 개발자의 코딩과 무엇이 같고 무엇이 다른지 정리합니다.기초
• 코딩 경험 없이 바이브코딩이 되나요 — 정직한 답됩니다. 다만 "코딩이 필요 없다"는 말은 반만 맞습니다. 되는 것과 안 되는 것, 그리고 막히는 지점을 있는 그대로 적었습니다.기초 · 수업
• 챗GPT와 클로드 — 뭐가 다르고 언제 뭘 쓰나우열이 아니라 역할입니다. 일상 질문은 쓰던 도구로, 일을 맡기고 만드는 건 Claude로. 그리고 중요한 답은 둘 다에게 물어봅니다.기초
• 클로드 요금제 정리 — 무료로 어디까지 되고, Pro는 언제 필요한가무료·Pro·그 위 플랜을 "이 수업 기준"으로 나눴습니다. 결제 타이밍은 정해져 있습니다. 2026년 9월 기준.기초 · 클로드코드
• 같은 요청인데 왜 결과가 다를까AI는 계산기가 아닙니다. 확률로 답합니다. 그래서 같은 문장에 다른 결과가 나오고, 그건 고장이 아닙니다. 대처법은 정해져 있습니다.기초
• 클로드 프롬프트 작성법 — 역할·맥락·출력형식 세 줄이면 됩니다프롬프트 기술이 따로 있는 게 아닙니다. 신입사원에게 일 시키는 기술입니다. 세 요소와 나쁜 예·좋은 예, 막막할 때 거꾸로 질문 받는 법.기초
• 클로드 코드란 — 채팅 클로드와 무엇이 다른가말만 하던 Claude에게 손이 생깁니다. 내 컴퓨터 폴더 안에서 파일을 직접 만들고 고치는 Claude. 채팅과 언제 무엇을 쓰는지.클로드코드
• 클로드 코드 설치 — VS Code 확장·데스크톱 앱·터미널, 세 가지 길처음 하는 분에게는 VS Code 확장을 권합니다. 이유와 순서, 윈도우에서 먼저 밟아 본 함정까지. 2026년 9월 공식 문서 기준.클로드코드
• CLAUDE.md란 — 매일 새로 출근하는 신입에게 주는 매뉴얼 한 장새 대화의 Claude는 지난 대화의 규칙을 모릅니다. 폴더에 규칙 파일 한 장을 두면 대화를 열 때마다 먼저 읽고 일합니다. 뭘 적고 뭘 빼는지.클로드코드
• /clear와 /compact — 그리고 컨텍스트와 사용 한도는 다르다대화가 길어지면 답이 흐려집니다. 비울지, 요약할지, 되감을지. 그리고 "기억 공간"과 "사용량 한도"를 헷갈리면 엉뚱한 데서 헤맵니다.클로드코드
• 클로드 코드 슬래시 커맨드 — 처음 쓰는 사람이 알아야 할 12개입력칸에 /를 치면 나오는 것들. 외울 필요 없습니다. 자주 쓰는 것과 이름만 알아 둘 것을 나눴습니다. 2026년 9월 공식 문서 기준.클로드코드
• MCP란 — 그리고 처음엔 CLI가 먼저인 이유Claude Code에 노션·DB·브라우저 같은 바깥 도구를 붙이는 규격. 스마트폰 앱 설치와 비슷합니다. 다만 첫 서비스에서는 거의 필요 없고, 필요해도 CLI를 먼저 봅니다.클로드코드
• 내 업무에서 바이브코딩 프로젝트 아이디어 찾는 법"만들고 싶은 게 없다"는 분이 절반입니다. 신기한 것 말고 귀찮은 것을 찾습니다. 질문 네 개와 기준 세 가지.만들기
• 바이브코딩 프로젝트가 중간에 멈추는 이유 — 그리고 욕심 신호 네 가지AI가 못 만들어서가 아닙니다. 처음부터 너무 많이 만들고 있어서입니다. 멈추는 패턴과, 첫 버전에서 일부러 빼야 할 것.만들기
• 기능은 얼마나 작게 잘라서 시켜야 하나한 번에 하나. 확인할 수 있는 크기. "현상 + 기대"로 고치고, "추가할 것·누르면·지킬 것" 세 줄로 붙입니다.만들기
• 에러 메시지로 AI와 디버깅하기 — 요약하지 말고 통째로빨간 글씨는 협박문이 아니라 "여기가 문제"라는 안내문입니다. 어디서 보이고, 뭘 가져가고, 어떻게 시키는지. 오류 설명 공식 네 칸.만들기 · 배포
• Git·GitHub이 뭔지 — '최종_진짜최종(2)'를 없애는 도구Git은 내 컴퓨터의 버전 기록기, GitHub은 그 기록을 올려 두는 인터넷 창고. 커밋·푸시·브랜치를 가게 비유로. 명령어는 Claude가 칩니다.배포
• 내 컴퓨터에서는 되는데 배포하면 안 될 때 — 순서대로 확인하는 여섯 칸추측하지 않습니다. 저장 → 올리기 → 배포 → 주소 → 설정 → 바깥 연결. 어느 칸에서 끊겼는지 사실로 바꾸면 대부분 10분 안에 끝납니다.배포
• API 키는 어디에 두나 — 파일·Git·Vercel 환경변수API 키 = 비밀번호. 홈페이지 파일·GitHub·채팅·캡처 어디에도 안 넣습니다. 그럼 어디에? .env와 배포 설정, 그리고 새었을 때 할 일.배포 · 데이터·보안
• 바이브코딩으로 만든 앱, 한 달에 얼마 드나연습 단계는 0원. 회사 이름으로 운영하는 순간부터 기본료가 붙습니다. 항목별로 나누고, 예상 밖 청구를 막는 설정까지.배포
• 앱의 데이터는 어디에 저장되나 — 브라우저·구글 시트·DBDB 없이 만든 앱의 기록은 그 기기의 브라우저에만 남습니다. 언제 시트로 충분하고 언제 DB가 필요한지, 기준 한 줄.데이터·보안
• 바이브코딩 보안 체크리스트 — 공개 전에 사람이 보는 열 가지AI는 시키지 않으면 보안을 챙기지 않습니다. 첫 서비스(DB 없음) 기준 일곱 가지, 로그인·DB를 붙였을 때 세 가지 더.데이터·보안
• 수업에서 강사가 바로 답하지 않는 이유질문하시면 저는 되묻습니다. "그걸 Claude한테 뭐라고 물어보면 될까요?" 답답하실 겁니다. 일부러 그럽니다. 4주 뒤에는 제가 옆에 없기 때문입니다.수업
• 하루 특강 vs 4주 과정 — 그리고 왜 오프라인인가하루면 "봤다", 4주면 "만들었다". 차이는 실습 사이의 일주일과, 막힌 화면을 같이 보는 사람입니다. 어느 쪽이 맞는지 고르는 기준.수업
• 만든 사이트를 구글·네이버에 등록하기 — 검색에 안 나오는 이유부터공개했다고 검색에 뜨지 않습니다. 서치 콘솔과 서치어드바이저에 사이트를 알리고, sitemap을 내고, 기다립니다. 한 장짜리 사이트 기준 순서.배포
• ○○.vercel.app 주소 vs 내 도메인 — 언제 사고, 어떻게 연결하나연습은 vercel.app 주소로 충분합니다. 명함에 적을 거면 내 도메인. 사는 곳, 연결하는 순서, 자주 막히는 곳.배포
• 웹앱에 로그인을 붙이기 전에 알아야 할 것로그인은 기능이 아니라 책임입니다. 정말 필요한지, 대안은 없는지, 붙인다면 무엇이 따라오는지. 첫 서비스에서 일부러 빼는 이유.데이터·보안 · 만들기
• 구글 시트로 하던 일을 웹앱으로 — 옮길 때와 그대로 둘 때시트는 훌륭한 데이터베이스입니다. 문제는 시트가 아니라 "시트를 여는 사람"일 때가 많습니다. 시트를 창고로 두고 화면만 만드는 방법.만들기
• 1인 사업자를 위한 AI 마케팅 Skill — 매주 쓰는 홍보 글을 한마디로홍보 글은 한 번이 아니라 매주 씁니다. 매주 하는 일은 Skill로 만듭니다. 채널 하나부터, 네 칸 채우기, 그리고 올리기 전에 사람이 보는 세 가지.마케팅 · 만들기
• Skill·서브에이전트·훅 — 언제 무엇이 필요한가세 가지 다 "Claude Code를 확장하는 것"인데 역할이 다릅니다. 절차는 Skill, 조사는 서브에이전트, 강제는 훅. 첫 서비스에서 실제로 쓰는 건 하나뿐입니다.클로드코드
• 클로드 아티팩트로 만들 수 있는 것 — 채팅창 옆에 뜨는 작은 프로그램계산기, 체크리스트, 간단한 게임, 표 정리 도구. 설치 없이 무료 플랜에서 됩니다. 어디까지 되고 어디서부터 Claude Code인지.기초 · 만들기