© 2025 AI Portfolio Workshop. All rights reserved.

<aside> 💡

본격적인 실습에 앞서 꼭 알아야 할 핵심 개념들을 정리했습니다

⏱️ 소요 시간: 약 15분

</aside>

🎵 바이브 코딩(Vibe Coding)이란?

새로운 개발 패러다임

바이브 코딩은 AI 시대의 새로운 코딩 방식입니다. 전통적인 코딩처럼 문법을 외우고 정확한 명령어를 작성하는 대신, "원하는 느낌과 결과"를 자연어로 설명하면 AI가 코드를 생성합니다.

💡 핵심 개념: "어떻게(How)" 보다 "무엇을(What)" 에 집중하기

전통적 코딩 vs 바이브 코딩

바이브 코딩의 핵심 원리

1️⃣ 느낌을 전달하기

❌ "div 태그에 flexbox를 적용하고 justify-content를 center로..." ✅ "세련되고 미니멀한 느낌으로, Apple 홈페이지처럼 만들어줘"

2️⃣ 비유와 예시 활용

❌ "grid-template-columns: repeat(3, 1fr);" ✅ "프로젝트 카드를 Pinterest처럼 3열로 배치해줘"