๐ฐ ๋ ์ํผ
React
๋จผ์ React ๋ฅผ ์ํด ๋ค์ ์์กด์ฑ๋ค์ ์ค์นํฉ๋๋ค.
npm install --save react
npm install --save react-dom
npm install --save-dev parcel-bundler
ํน์ yarn ํจํค์ง ๋งค๋์ ๋ฅผ ์ฌ์ฉํ์ ๋ค๋ฉด ๋ค์์ ๋ช ๋ น์ด๋ก ์ค์นํ ์ ์์ต๋๋ค.
yarn add react
yarn add react-dom
yarn add --dev parcel-bundler
๊ทธ๋ฆฌ๊ณ ์์ ์คํฌ๋ฆฝํธ๋ฅผ package.json
์ ์ง์ ํด์ฃผ์ธ์.
// package.json
"scripts": {
"start": "parcel index.html"
}
Preact
๋จผ์ Preact ๋ฅผ ์ํด ๋ค์ ์์กด์ฑ๋ค์ ์ค์นํฉ๋๋ค.
npm install --save preact
npm install --save-dev parcel-bundler
ํน์ yarn ํจํค์ง ๋งค๋์ ๋ฅผ ์ฌ์ฉํ์ ๋ค๋ฉด ๋ค์์ ๋ช ๋ น์ด๋ก ์ค์นํ ์ ์์ต๋๋ค.
yarn add preact
yarn add --dev parcel-bundler
๊ทธ๋ฆฌ๊ณ ์์ ์คํฌ๋ฆฝํธ๋ฅผ package.json
์ ์ง์ ํด์ฃผ์ธ์.
// package.json
"scripts": {
"start": "parcel index.html"
}
Vue
๋จผ์ , Vue ๋ฅผ ์ฌ์ฉํ๊ธฐ ์ํด ์์กด์ฑ์ ์ค์นํฉ๋๋ค.
npm install --save vue
npm install --save-dev parcel-bundler
ํน์ yarn ํจํค์ง ๋งค๋์ ๋ฅผ ์ฌ์ฉํ์ ๋ค๋ฉด ๋ค์์ ๋ช ๋ น์ด๋ก ์ค์นํ ์ ์์ต๋๋ค.
yarn add vue
yarn add --dev parcel-bundler
package.json
์ ์์ ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํด์ฃผ์ธ์.
// package.json
"scripts": {
"start": "parcel index.html"
}
๋ฌธ์์ ๊ฐ์ ์ ๋์์ฃผ์ธ์
๋น ์ง์ ์ด ์๊ฑฐ๋ ๋ช ํํ์ง ์์ ๊ฒฝ์ฐ, ์น ์ฌ์ดํธ ์ ์ฅ์์ ์ด์๋ฅผ ์ ๊ธฐํด ์ฃผ์๊ฑฐ๋ ํ์ด์ง๋ฅผ ์์ ํด ์ฃผ์ธ์..