[React] Create React-App(์‚ฌ์šฉx) => Vite ์‚ฌ์šฉ

Hannahhhยท2022๋…„ 7์›” 29์ผ
0

React

๋ชฉ๋ก ๋ณด๊ธฐ
5/30

๐Ÿ‘€ Create React-App

๋ฆฌ์•กํŠธ SPA(single page application)๋ฅผ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด์ง„ ํˆด ์ฒด์ธ์ด๋‹ค.(๊ฐœ๋ฐœ ์„ธํŒ…์„ ์ž๋™์œผ๋กœ ํ•ด์ค€๋‹ค)


ํ„ฐ๋ฏธ๋„์— npx create-react-app <ํ”„๋กœ์ ํŠธ ๋ช…> ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด ์„ค์น˜ํ•œ ํ›„, ์ƒˆ๋กœ์šด react ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.



โœจ vite

2024.07.22

  • npm create vite@latest <- ๊ทผ๋ž˜์— ๊ฐ€์žฅ ์ฃผ๋ชฉ ๋ฐ›๊ณ  ์žˆ๋Š” ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐฉ๋ฒ•
  • ๋ช…๋ น์–ด ์‹คํ–‰ ํ›„, framework ์„ ํƒ -> variant ์„ ํƒ
  • SWC(Speedy Web Compiler)๋ž€?
    ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ์ ํŠธ์˜ ์ปดํŒŒ์ผ๊ณผ ๋ฒˆ๋“ค๋ง์— ๋ชจ๋‘ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋Š”, Rust๋ผ๋Š” ์–ธ์–ด๋กœ ์ œ์ž‘๋œ ๋นŒ๋“œ ํˆด๋กœ, ๊ธฐ์กด์— ์‚ฌ์šฉํ•˜๋˜ Babel์„ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ตœ๊ทผ Next.js ํŒ€์—์„œ๋„ ๊ถŒ์žฅํ•˜๊ณ  ์žˆ์–ด ์ฃผ๋ชฉ ๋ฐ›๊ณ  ์žˆ๋Š” ๋นŒ๋“œ ํˆด

0๊ฐœ์˜ ๋Œ“๊ธ€