[1주/6주] 혼자 공부하는 바이브 코딩 1주 차 학습기록

인프런에서 열린 챌린지 `[6주 과정] 『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지`에 참여했다.

이번 1주 차에 학습한 내용은 책 기준 55p(Ch.1)까지의 내용이다.

 

Chapter 01 나의 첫 바이브 코딩

우선 바이브 코딩이 무엇인지, 그리고 AI 어시스턴트에 대한 개요를 배웠다.

 

그리고 Claude 웹에 들어가서 아티팩트를 활용해 간단한 프롬프트를 입력하여 AI로 나만의 첫 웹페이지를 만들었다.

그렇게 만든 첫 웹페이지는 다음과 같다

구글의 디자인을 따라한 날짜와 시간, 그리고 할 일을 보여주는 심플한 웹 사이트

 

책에서 안내해준 깃헙에 실습용 프롬프트가 모두 준비되어 있어 핵심에 집중하기 수월했다. 저자님 센스 good!

 

클로드 아티팩트에서 커스터마이즈 1/2

클로드 아티팩트에서 커스터마이즈 2/2

나온 캡처는 다소 심플하지만 이래뵈도 처음에 만든 웹사이트에서 이것저것 커스터마이즈를 한 결과이다.

클로드는 커스터마이즈한 내용을 아주 잘 반영해서 만족스러웠다.

다만 사용량의 제한이 꽤 체감될 것 같은 예감이 든다. 무료 모델에서는 금방 사용량 제한이 다하는 모습을 볼 수 있었다.

 

앞으로의 실습을 위해, 그리고 미래에 알뜰하게 잘 사용할 나를 믿으며 클로드 Pro 플랜을 구독했다. 20달러+부가세2달러로 총 22달러를 냈다.

혼공 바이브코딩책이 20달러 정도라고 볼 수 있으니 실습 도구가 본교재의 가격을 뛰어넘는다고 볼 수 있다. 오호라...

 

 

아직은 개요 수준으로 배웠기 때문에 당장 써먹을 수 있을 정도로 와닿지는 않았지만, 앞으로 실습을 통해 그 내용을 채워가며 머릿속에 구성이 풍성해질 것이라 기대한다.

 

확인문제(p.33, p.54-55)

아직 시작 단계라 매우 쉬웠다. 사실 다른 혼공책을 봐서 알지만 확인문제가 정말 확인 수준의 간단한 문제만 나오긴 한다.

 

p.33

확인 문제 1

웹 기반 챗봇: 챗GPT

모델 선택형: 커서, 리플릿, 윈드서프

전용 모델형; 클로드 코드, 구글 제미나이 CLI

​

확인 문제 2

① 바이브 코딩

② AI 어시스턴트

③ 모델 선택형

④ 전용 모델형

​

p.54-55

확인 문제 1

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

​

확인 문제 2

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

​

확인 문제 3

② 아티팩트

​

확인 문제 4

게시

​

확인 문제 5

커스터마이즈

 

이번주 학습의 핵심 키워드

- 바이브 코딩: AI와 대화하며 프로그램을 만드는 개발 방식

- 아티팩트: 클로드가 결과물을 생성하고 미리보기를 제공하는 작업 공간