에러 바운더리

v0 by Vercel

Vercel이 만든 AI UI 빌더로, 자연어 설명만으로 프로덕션 수준의 React + Tailwind CSS 컴포넌트를 즉시 생성한다. UI/프론트엔드에 특화된 도구로, 풀스택 개발보다는 '보이는 부분'을 빠르게 만드는 데 집중한다. 가장 특징적인 기능은 코드 생성 전 '계획 단계'를 거친다는 것으로, 어떤 페이지를 만들 것인지, 어떤 기능을 포함할 것인지, 어떤 기술을 사용할 것인지를 먼저 보여주고 사용자의 확인을 받은 후 코드를 생성한다. shadcn/ui 컴포넌트 라이브러리와 Tailwind CSS를 기본으로 사용하여, 생성된 코드가 일관되고 모던한 디자인을 유지한다. 생성된 컴포넌트를 Vercel에 원클릭으로 배포할 수 있으며, Next.js 프로젝트에 직접 복사하여 사용하는 것도 간편하다. 권장 워크플로는 'v0에서 UI 프로토타입 → Cursor에서 비즈니스 로직 구현'으로, UI 디자인에 시간을 쏟지 않고 빠르게 시각적 결과물을 확인하고 싶을 때 가장 효과적이다.

Rollback (deployment)

문제 난 프로덕션을 이전의 안정 배포로 다시 가리키게 해 피해를 줄이는 운영 조치. 재빌드 없이 도메인을 돌리는 경우가 많으며, DB·외부 상태·cron은 자동으로 되돌아가지 않는다.

Hot Reload

코드 변경 시 전체 앱을 재시작하지 않고 변경된 부분만 실시간으로 브라우저/앱에 반영하는 개발 기능이다. Hot Module Replacement(HMR)라고도 불리며, 바이브 코딩에서 핵심적인 피드백 루프를 제공한다. AI가 코드를 수정할 때마다 브라우저에서 즉시 결과를 확인할 수 있으므로, '프롬프트 → 코드 생성 → 즉시 시각적 확인'이라는 빠른 반복 주기가 가능하다. 전통적 개발에서는 코드 수정 → 빌드 → 브라우저 새로고침 → 상태 재설정이라는 지루한 과정을 거쳤지만, 핫 리로드는 앱의 현재 상태(로그인 상태, 입력된 폼 데이터 등)를 유지한 채 변경된 부분만 교체하므로 개발 경험이 극적으로 개선된다. Next.js(React), Vite, Remix 등 현대 웹 프레임워크는 핫 리로드를 기본 제공하며, Bolt.new는 이 기능을 활용하여 AI가 코드를 작성하는 동시에 라이브 프리뷰를 실시간 업데이트한다. React Native에서는 Expo Go를 통해 모바일 기기에서도 핫 리로드가 가능하다.