바이브 코딩이란? 10분 만에 무언가 만들기
beginner~10 분0/4 단계
바이브 코딩이란?
바이브 코딩은 간단해요: 원하는 것을 설명하면, AI가 만들어 줍니다.
문법 암기도 없고, Stack Overflow 토끼굴에 빠질 일도 없어요. 여러분은 설계자예요 — 비전을 설명하면 AI가 벽돌을 쌓습니다. 이 첫 번째 레슨에서는 HTML을 직접 작성하며 개인 프로필 카드를 만들어 봅니다. AI와 대화할 때 AI가 실제로 무엇을 생성하는지 이해하게 되고, 10분 안에 진짜 결과물을 완성하게 될 거예요.
안내
1
여러분의 이름이 담긴 <h1>을 추가하세요 — 이건 '여러분의' 프로필 카드예요
힌트: 이렇게 해 보세요: `<h1 class="text-2xl font-bold text-white text-center mb-2">Your Name</h1>`
2
여러분이 무엇을 하는 사람인지 한 문장으로 소개하는 <p class="bio">를 추가하세요
3
<li> 3개가 들어간 <ul class="skills">를 추가하세요 — 여러분은 무엇을 잘하나요?
4
맨 아래에 <a class="cta-link"> 버튼을 추가하세요 — 사람들이 여러분과 연결되기 위해 클릭할 수 있는 링크예요
내 코드
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
ViBot과 함께 바이브로 만들기무료 메시지 0 / 12개
이 단계에서 만들고 싶은 것을 설명해 주시면 코드를 작성해 드릴게요 — 그다음 적용을 클릭하면 에디터에 바로 들어갑니다. 이 단계: 여러분의 이름이 담긴 <h1>을 추가하세요 — 이건 '여러분의' 프로필 카드예요
실시간 미리보기
실시간 미리보기