layout title titleTemplate hero features home Vite 차세대 프런트엔드 개발 툴 name text tagline image actions Vite 차세대 프런트엔드 개발 툴 당신이 원했던 개발 환경을 시작해보세요. src alt /logo-with-shadow.png Vite theme text link brand 시작하기 /guide/ theme text link alt Vite를 사용해야 하는 이유 /guide/why theme text link alt GitHub https://github.com/vitejs/vite theme text link brand ⚡ ViteConf 24! https://viteconf.org/?utm=vite-homepage icon title details 💡 즉각적인 서버 시작 네이티브 ESM을 이용해 번들링 없이 온디맨드로 파일을 제공할 수 있어요! icon title details ⚡️ 번개처럼 빠른 HMR 앱 크기에 상관없이 Hot Module Replacement(HMR)는 언제나 빠르게 동작해요. icon title details 🛠️ 풍부한 기능 추가적인 모듈의 설치 없이 TypeScript, JSX, CSS 등을 사용할 수 있어요. icon title details 📦 최적화된 빌드 웹앱 및 라이브러리의 빌드 최적화를 위한 기본적인 설정을 제공해요. icon title details 🔩 범용 플러그인 개발 서버 및 빌드 과정 모두 사용 가능한 Rollup 플러그인 인터페이스를 제공해요. icon title details 🔑 완전한 유형의 API 유연하게 작성된 API는 TypeScript 역시 완벽하게 지원해요. <script setup> import { onMounted } from 'vue' onMounted(() => { const urlParams = new URLSearchParams(window.location.search) if (urlParams.get('uwu') != null) { const img = document.querySelector('.VPHero .VPImage.image-src') img.src = '/logo-uwu.png' img.alt = 'Vite Kawaii Logo by @icarusgkx' } }) </script>