페이지에서 앱으로

지금까지 만든 건 전부 페이지였어요 — 보기 좋았고 클릭에 반응했지만, 새로고침하는 순간 모든 걸 잊어버렸죠. 오늘 그게 바뀝니다. 첫 번째 진짜 앱을 만들 거예요: 데이터가 들어오고, 데이터가 화면에 보이고, 데이터가 기억됩니다.

사실 이게 앱의 비밀 전부예요. 세 가지 동작:

1. 데이터 입력 — 사용자가 무언가를 입력하는 input
2. 데이터 표시 — 화면에서 갱신되는 목록
3. 데이터 기억 — 내일도 그대로 남아 있게 해 주는 저장소

바이브 코딩에서는 배선을 설명하지 않아요 — 흐름을 설명합니다. 오늘의 프로젝트를 만들어 내는 프롬프트는 이런 식이에요:

"아이디어를 입력하는 박스, 그걸 아래 목록에 추가하는 버튼, 그리고 내일 다시 와도 목록이 그대로 남아 있어야 해."

이 한 문장이 AI에 필요한 모든 걸 말해 줍니다: input이 필요하고, 클릭 리스너가 달린 버튼이 필요하고, 항목을 덧붙일 목록이 필요하고, "내일" 부분을 위해 localStorage가 필요하다는 것을요. 여러분은 흐름을 설명하고, AI가 입력 + 목록 + 저장을 처리해요.

오늘 만들 앱은 아이디어 보드예요 — 앞으로 찾아올 "잠깐, 이거 AI로 만들 수 있겠는데?" 하는 순간을 전부 붙잡아 둘 공간이죠. 장담하는데, 이 코스가 끝나면 그런 순간이 아주 많아질 거예요.