Babel: @babel/core
, @babel/cli
, @babel/preset-env
, @babel/preset-react
, babel-loader
Babel์ ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌธ๋ฒ์ ๊ตฌ๋ฒ์ ๋ฌธ๋ฒ์ผ๋ก ๋ณํํ์ฌ ๋ค์ํ ์คํ ํ๊ฒฝ์์ ํธํ์ฑ์ ์ ๊ณตํ๋ ํธ๋์คํ์ผ๋ฌ๋ก, ES6+ ์ฝ๋๋ฟ๋ง ์๋๋ผ TypeScript์ JSX๋ ์ง์ํ๋ฉฐ, ๊ฐ๋ฐ์์กด์ฑ์ผ๋ก ์ค์นํ์ฌ ์ฌ์ฉํ ์ ์๋ค.
Dotenv: dotenv
, dotenv-webpack
dotenv
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ฉด Node.js ํ๋ก์ ํธ์์ ํ๊ฒฝ ๋ณ์๋ฅผ .env
ํ์ผ๋ก ๊ด๋ฆฌํ๊ณ ์ฝ๊ฒ ์ ๊ทผํ ์ ์์ผ๋ฉฐ, ์ด๋ฅผ ํตํด ๊ฐ๋ฐ ํ๊ฒฝ์ ๋ฐ๋ผ ๋ค๋ฅธ ์ค์ ์ ์์ ํ๊ฒ ์ฌ์ฉํ ์ ์๋ค.
React: react
, react-dom
react
๋ UI ์ปดํฌ๋ํธ๋ฅผ ์์ฑํ๋ ํต์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๊ณ , react-dom
์ ์ด๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์ DOM์ ๋ ๋๋งํ๋ ์ญํ ์ ํ๋ฉฐ ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ํจ๊ป ์ฌ์ฉ๋๋ค.
npm
๊ฐ๋
๋ฐ ์์ฃผ ์ฌ์ฉํ๋ CLI ๋ช
๋ น์ด ๋ชจ์
npm
์ Node.js์ ํจํค์ง ๊ด๋ฆฌ ๋๊ตฌ๋ก, ํจํค์ง ์ค์น, ์ด๊ธฐํ, ์
๋ฐ์ดํธ ๋ฐ ์ญ์ ๋ฅผ ์ง์ํ๋ฉฐ, ๋ค์ํ ํ๋๊ทธ๋ฅผ ํตํด ์์กด์ฑ๊ณผ ๊ฐ๋ฐ ์์กด์ฑ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์๊ฒ ํด์ค๋ค.