React

[React] Vite + React + TS ๊ฐœ๋ฐœ ์„œ๋ฒ„ ๊ตฌ์ถ•

jjingle 2024. 2. 26. 11:42
  • Node.js ์„ค์น˜
 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

 

  • Node.js ์„ค์น˜ ํ™•์ธ
node -v

 

  • Vite : ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์„ฑ
 

Vite

Vite, ์ฐจ์„ธ๋Œ€ ํ”„๋ŸฐํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํˆด

ko.vitejs.dev

npm create vite@latest

    - Projet name

    - framework : React

    - variat : TypeScript + SWC ( SWC: Rust typescript ์ปดํŒŒ์ผ๋Ÿฌ)

 

  • ๊ธฐ๋ณธ์„ค์ • ์ฃผ์ž…
npm i

  - react, react dom, typescript, vite...etc (package.json)

 

 

  • ์ •์ƒ ์ž‘๋™ ํ™•์ธ
npm run dev

Local URL

 

  • git ์—ฐ๊ฒฐ
git init
git remote add origin '๊นƒ์ฃผ์†Œ'

 

'React' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[React] Promise.all() , Suspense | ์—ฌ๋Ÿฌ ๋น„๋™๊ธฐ ํ•จ์ˆ˜ ์ตœ์ ํ™”  (0) 2024.03.20
[React] React Hooks  (0) 2023.09.15