์ ๊ทํํ์
๋ฌธ์์ด์ ๊ฒ์ํ๊ณ ๋์ฒดํ๋๋ฐ ์ฌ์ฉ๊ฐ๋ฅํ ์ผ์ข ์ ํ์ ์ธ์ด
๊ฐ๋จํ ๋ฌธ์ ๊ฒ์๋ถํฐ ์ด๋ฉ์ผ, ํจ์ค์๋ ๊ฒ์ฌ ๋ฑ์ ๋ณต์กํ ๋ฌธ์ ์ผ์น ๊ธฐ๋ฅ ๋ฑ์ ์ ๊ท์ ํจํด์ผ๋ก ์ํํ ์ ์๋ค.
์ ๊ทํํ์์ ํฌ๊ฒ ๋ค์๊ณผ ๊ฐ์ ์ญํ ์ ์ํํ๋ค.
- ๋ฌธ์ ๊ฒ์
- ๋ฌธ์ ๋์ฒด
- ๋ฌธ์ ์ถ์ถ
์ ๊ทํํ์ ์ค์ต
npm init -y
ํฐ๋ฏธ๋์ ์ ์ฝ๋๋ฅผ ์ ๋ ฅํ๊ณ package.json์ ์์ฑํ๋ค.
npm i parcel-bundler -D
parcel-bundler๋ฅผ ๊ฐ๋ฐ์์ฉ์ผ๋ก ์ค์นํ๋ค.
์ค์นํ๋ฉด .cache, dist ํ์ผ๊ณผ package-lock.json ํ์ผ์ด ์๊ธธ ๊ฒ์ด๋ค.
npm run dev
ํฐ๋ฏธ๋์ ์ ์ฝ๋๋ฅผ ์ ๋ ฅํ๊ธฐ ์ ์ package.json ํ์ผ์ ๋ณ๊ฒฝํด์ฃผ์ด์ผ ํ๋ค.
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
}
์ ์ฝ๋์ฒ๋ผ ๋ณ๊ฒฝํ๊ณ npm run dev๋ฅผ ํฐ๋ฏธ๋์ ์ ๋ ฅํด์ฃผ๋ฉด localhost๊ฐ ์์ฑ๋๋ค.
์ด๋ ๊ฒ ์ ๊ทํํ์์ ๊ณต๋ถํ๊ธฐ ์ํ ์ฌ์ ์งํ์ ์๋ฃํ์๋ค.
README.md๋ฅผ ์ฌ์ฉํด์ ์ ๊ทํํ์์ ์ ๋ฆฌํ ๊ฒ์ด๋ค.
'๐ค Language > ๐จ JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
JS. ์ ๊ทํํ์ ๋ฉ์๋(method) (0) | 2022.02.27 |
---|---|
JS. ์ ๊ท์ ์์ฑ (0) | 2022.02.27 |
JS. OMDB API (0) | 2022.02.27 |
JS. Storange (0) | 2022.02.26 |
JS. JSON (0) | 2022.02.25 |