vite - ChoDragon9/posts GitHub Wiki

viteκ°€ 무엇인가?

  • λ‹€μŒ μ„ΈλŒ€ ν”„λŸ°νŠΈμ—”λ“œ 툴이라고 μ†Œκ°œν•œλ‹€.
  • πŸ’‘ 즉각적인 μ„œλ²„ μ‹œμž‘(Instant Server Start)
  • ⚑️ λ²ˆκ°œκ°™μ΄ λΉ λ₯Έ HMR(Lightning Fast HMR)
  • πŸ› οΈ λ§Žμ€ κΈ°λŠ₯(Rich Features)
  • πŸ“¦ μ΅œμ ν™”λœ λΉŒλ“œ(Optimized Build)
  • πŸ”© μœ λ‹ˆλ²„μ…œ ν”ŒλŸ¬κ·ΈμΈ μΈν„°νŽ˜μ΄μŠ€(Universal Plugin Interface)
  • πŸ”‘ μΆ©λΆ„νžˆ μ„ μ–Έλœ νƒ€μž… APIλ“€(Fully Typed APIs)

viteλŠ” μ™œ λ§Œλ“€μ–΄μ‘Œμ„κΉŒ?

λ§Žμ€ κΈ°λŠ₯을 μ œκ³΅ν•˜λŠ” μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ κ΅¬μΆ•ν•˜κΈ° μ‹œμž‘ν•˜λ©΄μ„œ μš°λ¦¬κ°€ λ‹€λ£¨λŠ” JavaScript의 양도 κΈ°ν•˜ κΈ‰μˆ˜μ μœΌλ‘œ μ¦κ°€ν–ˆλ‹€. λŒ€κ·œλͺ¨ ν”„λ‘œμ νŠΈμ—μ„œλŠ” 수천 개의 λͺ¨λ“ˆμ΄ ν¬ν•¨λ˜λŠ” 것은 λ“œλ¬Έ 일이 μ•„λ‹ˆλ‹€. 이 λ•Œλ¬Έμ— JavaScript 기반 λ„κ΅¬μ˜ μ„±λŠ₯ 병λͺ© ν˜„μƒμ΄ λ°œμƒν–ˆλ‹€. 예λ₯Ό λ“€λ©΄ 개발 μ„œλ²„λ₯Ό κ°€λ™ν•˜λŠ”λ° κΈ΄ λŒ€κΈ° μ‹œκ°„μ΄ λ°œμƒν•  수 있고, HMR을 μ‚¬μš©ν•˜λ”λΌλ„ λ³€κ²½λœ 파일의 λ‚΄μš©μ΄ λ°˜μ˜λ˜λŠ” 데 λͺ‡ μ΄ˆκ°€ 걸릴 수 μžˆλ‹€.

μ΄λ ‡κ²Œ 느린 ν”Όλ“œλ°± λ£¨ν”„λŠ” 개발자의 생산성과 행볡에 큰 영ν–₯을 λ―ΈμΉ  수 μžˆλ‹€. ViteλŠ” μƒνƒœκ³„μ˜ μƒˆλ‘œμš΄ λ°œμ „μ„ ν•˜λŠ” 것이 λͺ©ν‘œλ‹€.

vite λ‹¨μ–΄μ˜ μ˜λ―ΈλŠ”?

ν”„λž‘μŠ€μ–΄λ‘œ fastλ₯Ό vit둜 ν•˜λŠ” 데, 이 λ°œμŒμ„ κ·ΈλŒ€λ‘œ ν•œ 것이닀.

viteλŠ” 개발 λ‹¨κ³„μ—μ„œλ§Œ μ‚¬μš©ν•  수 μžˆλŠ” 건가? ν”„λ‘œλ•μ…˜ λΉŒλ“œ λ•ŒλŠ” μ‚¬μš© λͺ»ν•˜λ‚˜?

개발 ν™˜κ²½μ—μ„œ λΉ λ₯Έ κ°œλ°œμ„ ν•  수 μžˆλ„λ‘ μ œκ³΅ν•˜κ³ , ν”„λ‘œλ•μ…˜μ—μ„œ Rollup 기반으둜 λΉŒλ“œλ₯Ό μ œκ³΅ν•œλ‹€.

속도가 λΉ λ₯΄λ‹€λŠ” 데, μ–΄λ–€ κΈ°μˆ μ„ μ‚¬μš©ν•΄μ„œ λΉ λ₯΄κ²Œ λ§Œλ“€μ—ˆμ„κΉŒ?

Vue λ©”μΈν…Œμ΄λ„ˆκ°€ λ§Œλ“€μ—ˆλŠ” 데, Reactλ‚˜ λ°”λ‹λΌμ—μ„œ μ‚¬μš©ν•  수 μžˆλ‚˜?