INTERMEDIATE
2 hours•4 chapters
Building Web Applications
Create responsive web applications using vibe coding with modern frameworks and best practices.
Progress: 0%In progress
What You'll Learn
앱 아이디어를 동작하는 코드로 바꾸는 명확하고 구조화된 프롬프트 작성하기
반응형 싱글 페이지 웹 앱을 만들고 반복적으로 다듬기
API, Firebase/Supabase 인증, 데이터 시각화 추가하기
Netlify 또는 Vercel에 배포하고 Lighthouse 점수 90+를 위해 튜닝하기
Description
웹 개발은 전통적으로 복잡한 프레임워크, 언어, 도구를 익혀야 했습니다. Vibe Coding을 사용하면 이제 의도를 자연어로 표현하는 것만으로 정교한 웹 애플리케이션을 만들 수 있습니다.
이 종합 튜토리얼은 AI 지원 개발을 활용해 현대적이고 반응형인 웹 애플리케이션을 만드는 방법을 안내합니다. 아이디어를 동작하는 앱으로 바꾸고, 레시피 사이트 예제를 따라가며 장마다 실제 기능을 하나씩 쌓아 올리는 법을 배우게 됩니다.
간단한 프롬프트로 프로젝트를 설정하는 것부터 인증, 데이터 시각화, API 연동 같은 복잡한 기능 구현까지, 의도 기반 코딩의 힘으로 모든 것을 다룹니다.
튜토리얼이 끝나면 기존 코딩 방식에 비해 훨씬 짧은 시간 안에 완전한 웹 애플리케이션을 만들 수 있게 됩니다.
What's Inside
2 hours•4 chapters
"Work through the chapters in order and try every practice prompt — that's where the learning sticks."