Node.js
Chrome V8 JavaScript ์์ง์ผ๋ก ๋น๋๋ JavaScript ๋ฐํ์
-> ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๊ฐ ๋์ํ๋ ํ๊ฒฝ
-> JavaScript์ ๋ฌธ๋ฒ์ ํด์ํ๊ณ ๊ทธ๊ฒ์ ์ค์ ๋ก ๋์์์ผ์ค ์ ์๋ ์์ง
์น๋ธ๋ผ์ฐ์ ์์๋ HTML, CSS, JS๋ง ์๋.
๊ฐ๋ฐ์ ๋์์ฃผ๋ ๋ชจ๋์ ์ค์นํด์ ๋์์ ๋ฐ๊ณ ์ ํ ๋, Node.js๋ฅผ ํตํด์ JavaScript๋ก ๋ณํ ํ์.
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
LTS ๋ฒ์ ์ค์น.
node --version
npm
NPM(Node Package Manager)์ ์ ์ธ๊ณ์ ๊ฐ๋ฐ์๋ค์ด ๋ง๋ ๋ค์ํ ๊ธฐ๋ฅ(ํจํค์ง, ๋ชจ๋)๋ค์ ๊ด๋ฆฌ.
npm ์ํ๊ณ ์์ ์๋ ํจํค์ง๋ฅผ ์ฐ๋ฆฌ์ ํ๋ก์ ํธ๋ก installํด์ ์ฌ์ฉํ ์ ์์.
๊ด๋ฆฌ ํจ์จ ์ฆ๊ฐ, ์์ฌ์ด ๊ธฐ๋ฅ ๊ณ ๋ํ / ํ์ต ๋์ด๋๊ฐ ์ฆ๊ฐํ๊ณ , ๊ตฌ์ฑ์ด ๋ณต์ก
clear
ํฐ๋ฏธ๋ ์ด๊ธฐํ
npm init
// ๊ธฐ๋ณธ ์ง๋ฌธ ์๋ต ๊ฐ๋ฅ
npm init -y
package.json ์์ฑ๋จ.
parcel
์น์ฌ์ดํธ์์ ๋์ํ ๋ด์ฉ์ ๋ฌถ์ด์ฃผ๋ ์ญํ (bundler).
์น์ฌ์ดํธ์์ ์ง์ ์ ์ผ๋ก ๋์ํ๋ ํจํค์ง ์๋.
๊ฐ๋ฐ์ฉ์ผ๋ก๋ง ์ฌ์ฉ. (--save-dev) devDependecies
npm install parcel --save-dev
npm install --save-dev parcel
npm install -D parcel
parcel ํด๋ ์์๋ package.json ํ์ผ์ด ์์.
์์กดํ๋ ๋ค๋ฅธ ํจํค์ง๋ค๋ ํจ๊ป ๋ชจ๋ ์ค์น๋จ. (์ด๋ฐ ๊ด๊ณ ์ ๋ณด๋ package-lock.json์ ์์)
node_modules๋ gitignore์ ์ ์ด์ฃผ๊ธฐ.
"scripts": {
"dev": "parcel ./index.html"
},
npm run dev
dist ํด๋
distribute. ์ค์ ์๋น์ค๊ฐ ๋ , ๋น๋๋ ๊ฒฐ๊ณผ.
typescript๋ก ๋ง๋ ์ฝ๋๋ฅผ ํ์ฌ์ด ๋ณํ.
"scripts": {
"dev": "parcel ./index.html",
"build": "parcel build ./index.html"
},
npm run build
์ ํ์ฉ์ผ๋ก ๋ง๋ฆ. ๋๋ ํ๋จ. ์ฌ๋์ด ํด์ํ๋ ์ฉ๋๊ฐ ์๋๋ผ ์ค๋ฐ๊ฟ์ด๋ ๋์ด์ฐ๊ธฐ ๊ฐ์๊ฒ ๋ค์ด๊ฐ์ง ์์.
Parcel Documentation
Learn how to start a new project, or migrate an existing project to Parcel 2.
parceljs.org
์ ์์ ๋ฒ์ (Semantic Versioning, SemVer)
Major.Minor.Patch 4.17.21
Major : ๊ธฐ์กด ๋ฒ์ ๊ณผ ํธํ๋์ง ์๋ ์๋ก์ด ๋ฒ์ . ํ๋ก์ ํธ์์ ํฌ๊ฒ ๋ณ๊ฒฝ์ฌํญ ์์ ๋.
Minor : ๊ธฐ์กด ๋ฒ์ ๊ณผ ํธํ๋๋ ๊ธฐ๋ฅ์ด ์ถ๊ฐ๋ ๋ฒ์ .
Patch : ๊ธฐ์กด ๋ฒ์ ๊ณผ ํธํ๋๋ ๋ฒ๊ทธ ๋ฐ ์คํ ๋ฑ์ด ์์ ๋ ๋ฒ์ . (๊ธฐ๋ฅ ์ถ๊ฐx)
^ (caret) : Major ๋ฒ์ ์์์ ๊ฐ์ฅ ์ต์ ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ ๊ฐ๋ฅ
npm info lodash
npm install lodash@4.17.19
npm update lodash
caret์ ์ ๊ฑฐํ๋ฉด update ๋ถ๊ฐ๋ฅ.
~ : Minor ๋ฒ์ ์์์ ๊ฐ์ฅ ์ต์ ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ ๊ฐ๋ฅ
'๊ฐ์' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[ํจ์คํธ์บ ํผ์ค ๊ฐ์] ์ฐ์ฐ์์ ๊ตฌ๋ฌธ (0) | 2024.12.31 |
---|---|
[ํจ์คํธ์บ ํผ์ค ๊ฐ์] JS ๋ฐ์ดํฐ (1) | 2024.03.18 |
[ํจ์คํธ ์บ ํผ์ค ๊ฐ์] HTML ํต์ฌ ์ ๋ฆฌ (0) | 2024.02.20 |
[ํจ์คํธ ์บ ํผ์ค ๊ฐ์] HTML ๊ฐ์ (0) | 2024.02.20 |
[ํจ์คํธ ์บ ํผ์ค ๊ฐ์] ์น์์ ์์ํ๊ธฐ (0) | 2024.02.19 |