VITE

• 1. 빌드 도구란? (개념)
• 2. 개발 서버 vs 프로덕션 빌드
• 3. Vite는 왜 기존 도구(CRA/Webpack)보다 압도적으로 빠를까?
• 4. Next.js에서는 Vite를 왜 안 쓸까?

• 정의
• 역할 분담
• 핵심 기능

• 개발 서버 (npm run dev): 코드를 수정할 때마다 실시간으로 브라우저에 반영해 주는 실시간 도우미 시스템.
• 프로덕션 빌드 (npm run build): 실제 유저들에게 서비스하기 위해 최종 압축본 폴더(dist)를 만드는 배포용 정적 파일 생성 과정.

• Vite + React: React 자체에는 빌드 기능이 없어서 Vite라는 외부 공장장의 명령을 빌려 씀 (vite dev).
• Next.js: 내부에 자체 최적화 빌드 시스템과 서버 환경을 갖춘 풀스택 프레임워크이기 때문에 Vite가 필요 없음 (next dev).