본문 바로가기
Programming/Vibe coding

[혼공바] 1주차 혼자 공부하는 바이브 코딩 with 클로드코드

by 호호호호히히히히 2026. 1. 11.
728x90
반응형

 

2026년을 맞이하여 새로운 공부를 본격적으로 진행해보고자 합니다.

현업에서 AI 코딩 툴을 자주 사용하고 있고 논문도 읽어보곤 하지만

스텝바이스텝으로 진행 해 본적이 없어서 좋은 기회에 또다시 시작한 혼공 챌린지를 진행해보려합니다.

약간의 반강제성이 있어야 하는 것 같군요.

 

AI 바이브 코딩 입문서, 클로드 코드로 배우는 대화형 코딩


 

GitHub Repository

https://github.com/taehojo/vibecoding

 

GitHub - taehojo/vibecoding: <혼자 공부하는 바이브코딩 - with 클로드코드> (한빛미디어, 2025)의 실습 데

<혼자 공부하는 바이브코딩 - with 클로드코드> (한빛미디어, 2025)의 실습 데이터입니다. - taehojo/vibecoding

github.com

 

 

인프런 (진행중)

https://www.inflearn.com/challenge/6%EC%A3%BC-%EA%B3%BC%EC%A0%95-%ED%98%BC%EC%9E%90-%EA%B3%B5%EB%B6%80%ED%95%98%EB%8A%94-%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9

 

[지금 무료][6주 과정] 『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지 챌린지 | 한

272명이 수강했던 챌린지, 지금 바로 살펴보세요.\n때론 같이 때론 혼자, 6주간 바이브 코딩 공부해요! 기초부터 자동화까지 15가지 바이브 코딩 프로젝트를 경험합니다.

www.inflearn.com

 


기본 미션 (필수)

Project 1. 나의 첫 웹페이지 만들고 캡쳐하기

혼자 공부하는 바이브코딩 with 클로드코드 아티팩트


p.33, p.54~55 확인 문제 풀고 인증하기

p.33

 

1. 다음은 바이브 코딩의 도구 유형입니다. 빈칸에 알맞은 도구 이름을 넣어 보세요.

웹 기반 챗봇 : 설치 없이 웹에서 바로 사용할 수 있는 방식, 복사·붙여넣기 필요

- 클로드(Claude), 제미나이(Gemini), 챗지피티(Chat GPT)

모델 선택형 : 여러 언어 모델 중에서 선택해 쓸 수 있는 방식, 이중 비용 부담 가능성 있음

- 커서(Cursor), 리플릿(replit), 윈드서프(Windsurf)

전용 모델형 : 특정 언어 모델을 설치해 사용하는 방식, 로컬 파일 직접 접근 가능

- 클로드 코드(Claude Code), 제미나이 CLI(Gemini CLI), Z.Ai (현재는 Claude Code 우회)

 

2. 다음 설명을 보고 알맞은 개념(용어를) 쓰세요.

① 사람과 대화하듯 아이디어를 설명하면 AI가 코드를 제시하고, 사용자가 검토·수정하며 완성하는 새로운 개발 방식 → ( 바이브 코딩 ) 

② 프로그래밍 과정에서 질문에 답하고 코드를 함께 작성해 주는 가상 파트너 → ( AI 어시스턴트 ) 

③ 렌터카처럼 여러 LLM을 고를 수 있는 AI 코딩 도구 → ( 모델 선택형 ) 

④ 자가용처럼 특정 모델을 설치해 깊이 사용하는 AI 코딩 도구 → ( 전용 모델형 )

 

p.54 ~ 55

 

1. AI 어시스턴트의 발전 과정을 올바르게 나열한 것을 고르세요. (

① 딥러닝 → 뉴럴 넷 → 트랜스포머 → LLM

② 뉴럴 넷 → 딥러닝 → 트랜스포머 → LLM

③ 트랜스포머 → 딥러닝 → 뉴럴 넷 → LLM

④ LLM → 트랜스포머 → 딥러닝 → 뉴럴 넷

 

2. 클로드 코드와 같은 CLI 모델의 특징으로 옳지 않은 것을 고르세요. (

① 로컬 파일 시스템에 직접 접근이 가능하다.

② 프로젝트 전체를 통합적으로 관리할 수 있다.

③ 터미널 명령어를 사용해 작업한다.

④ 도구 사용료와 AI 모델 비용을 모두 지불한다.

 

3. 클로드에서 코드나 문서를 생성할 때 사용하는 특별한 작업 공간으로 옳은 것을 고르세요. ()

① 프롬프트(Prompt)

② 아티팩트(Artifacts)

③ 터미널(Terminal)

④ CLI(Command Line Interface)

 

4. 웹페이지를 만든 후 다른 사람과 공유하기 위해 [ 게시 ] 버튼을 클릭해야 합니다.

 

5. 이미 게시된 웹페이지를 수정하려면 [ 커스터마이즈 ] 버튼을 클릭해야 합니다.


추가 미션  (선택)

클로드 아티팩트에서 [커스터마이즈] 2회 이상 하고 캡쳐하기

클로드 아티팩트란 클로드 웹 페이지 혹은 데스크탑에서 설정 가능한 화면입니다.

저는 데스크탑으로 사용하고있어서 추가 해 봅니다.

 

 

1. 주식 화면 띄워놓는 것은 눈치보여서 만든 저의 페이지

혼자 공부하는 바이브코딩 with 클로드코드 아티팩트 커스터마이즈 주식

 

2. 개인용 캘린더 & 회고 추가 아티팩트

혼자 공부하는 바이브코딩 with 클로드코드 아티팩트 커스터마이즈 회고

반응형

댓글