node.js2 Window ์๋์ฐ NVM์ผ๋ก Node.js ๋ฒ์ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ Node.js๋ ๋ค์ํ ํ๋ก์ ํธ์์ ์ฌ์ฉ๋๋ฉฐ, ํ๋ก์ ํธ๋ง๋ค ์๊ตฌํ๋ ๋ฒ์ ์ด ๋ค๋ฅผ ์ ์์ต๋๋ค. ์ด๋ด ๋ NVM(Node Version Manager)์ ์ฌ์ฉํ๋ฉด ์ฌ๋ฌ ๋ฒ์ ์ ์ค์นํ๊ณ ์์ฝ๊ฒ ์ ํํ ์ ์์ต๋๋ค. ์ด๋ฒ ํฌ์คํ ์์๋ NVM์ ํ์ฉํ์ฌ Node.js ๋ฒ์ ์ ์ค์นํ๊ณ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด๊ฒ ์ต๋๋ค.[ ์์นด์ฝ ] 1. NVM ์ค์นํ๊ธฐnvm-windows ๋ฆด๋ฆฌ์ค ํ์ด์ง์์ ์ต์ ๋ฒ์ ์ nvm-setup.exe๋ฅผ ๋ค์ด๋ก๋ํฉ๋๋ค.๋ค์ด๋ก๋ํ ํ์ผ์ ์คํํ๊ณ ์ง์์ ๋ฐ๋ผ ์ค์น๋ฅผ ์๋ฃํฉ๋๋ค.๋ช ๋ น ํ๋กฌํํธ(cmd)๋ฅผ ์ด๊ณ ๋ค์ ๋ช ๋ น์ด๋ก ์ค์น ์ฌ๋ถ๋ฅผ ํ์ธํฉ๋๋ค.nvm --version2. Node.js ์ค์น ๋ฐ ๋ฒ์ ๊ด๋ฆฌ์ค์น ๊ฐ๋ฅํ ๋ฒ์ ๋ชฉ๋ก ํ์ธ์ต์ LTS ๋ฒ์ ๋ง ํ์ธํ๋ ค๋ฉด:nvm ls-remote --lts.. 2025. 1. 31. React + Vite ๋ฒ๋ค๋ง์ผ๋ก ๋น ๋ฅด๊ฒ ์ค์นํ๋ ๋ฐฉ๋ฒ React๋ฅผ ์์ํ ๋ ์๋๊ฐ ๋๋ ค ๊ณ ๋ฏผ์ด์ ๊ฐ์? ์ด๋ฒ ํฌ์คํ ์์๋ React ํ๋ก์ ํธ๋ฅผ Vite๋ก ๋น ๋ฅด๊ฒ ์ค์นํ๊ณ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฌ๊ฒ ์ต๋๋ค. Vite๋ ๊ฒฝ๋ํ๋ ๋ฒ๋ค๋ฌ๋ก, ๋น ๋ฅธ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ ๊ณตํ๋ฉฐ ๋ณต์กํ ์ค์ ์์ด๋ React๋ฅผ ๊ฐํธํ๊ฒ ์คํํ ์ ์์ต๋๋ค.[ ์์นด์ฝ ]1. Vite๋ ๋ฌด์์ธ๊ฐ์?Vite๋ “๋น ๋ฅด๋ค”๋ ์๋ฏธ๋ฅผ ๊ฐ์ง ํ๋์ค์ด ๋จ์ด์์ ์ ๋ํ์ผ๋ฉฐ, JavaScript์ TypeScript ๊ฐ๋ฐ์ ์ํ ์ฐจ์ธ๋ ๋น๋ ๋๊ตฌ์ ๋๋ค. Vite๋ ๊ธฐ์กด ๋ฒ๋ค๋ฌ์ ๋ฌ๋ฆฌ ๋ค์๊ณผ ๊ฐ์ ํน์ง์ ์ ๊ณตํฉ๋๋ค.๋น ๋ฅธ ์๋ฒ ์์: Vite๋ ES ๋ชจ๋์ ํ์ฉํ์ฌ ๊ธฐ์กด์ ๋ฒ๋ค๋ง ๊ณผ์ ์์ด ๊ฐ๋ฐ ์๋ฒ๋ฅผ ์ฆ์ ์คํํฉ๋๋ค.๋น ๋ฅธ HMR(Hot Module Replacement): ์ฝ๋ ๋ณ๊ฒฝ ์ฌํญ์ ์ค์๊ฐ์ผ๋ก ๋ฐ์ํฉ๋๋ค.. 2025. 1. 26. ์ด์ 1 ๋ค์