๐ŸŒธ03์žฅ. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ๊ณผ ์‹คํ–‰๋ฐฉ๋ฒ•

โœ…3.1 ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ

๋ธŒ๋ผ์šฐ์ €์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ vs Node.js์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

๋ธŒ๋ผ์šฐ์ € & Node.js ๋‘˜ ๋‹ค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์„ ๋‚ด์žฅํ•˜๊ณ  ์žˆ๋‹ค.
๋”ฐ๋ผ์„œ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ or Node.js ํ™˜๊ฒฝ์—์„œ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค.
โ—๋‹จ, ๋ธŒ๋ผ์šฐ์ €์™€ Node.js๋Š” ์šฉ๋„๊ฐ€ ๋‹ค๋ฅด๋‹ค.
  • ๋ธŒ๋ผ์šฐ์ € : HTML, CSS, JS๋ฅผ ์‹คํ–‰ํ•ด ์›นํŽ˜์ด์ง€๋ฅผ ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ๋ Œ๋”๋งํ•˜๋Š” ๊ฒƒ์ด ์ฃผ ๋ชฉ์ 

  • Node.js : ๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ์ฃผ ๋ชฉ์ 

  • ๋”ฐ๋ผ์„œ, ๋ธŒ๋ผ์šฐ์ €์™€ Node.js๊ฐ€ ๊ณตํ†ต์ ์ธ ECMAScript๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ECMAScript ์ด์™ธ์— ์ถ”๊ฐ€๋กœ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์€ ํ˜ธํ™˜๋˜์ง€ ์•Š๋Š”๋‹ค.

๋ธŒ๋ผ์šฐ์ €
- ECMAScript์™€ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ Web API๋ฅผ ์ง€์›

Node.js
- ECMAScript์™€ Node.js ๊ณ ์œ ์˜ API๋ฅผ ์ง€์›

ํŒŒ์‹ฑ๋œ HTML ์š”์†Œ๋ฅผ ์„ ํƒํ•˜๊ฑฐ๋‚˜ ์กฐ์ž‘ํ•˜๋Š” ๊ธฐ๋Šฅ์˜ ์ง‘ํ•ฉ์ธ DOM API๋ฅผ ์˜ˆ๋กœ ๋“ค๋ฉด,

  • ๋ธŒ๋ผ์šฐ์ €: DOM API๋ฅผ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณต

  • Node.js : DOM API๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š์Œ (๋ธŒ๋ผ์šฐ์ € ์™ธ๋ถ€ ํ™˜๊ฒฝ์—์„œ๋Š” HTML ์š”์†Œ๋ฅผ ํŒŒ์‹ฑ(Parsing)ํ•ด์„œ ๊ฐ๊ด€ํ™”ํ•œ DOM์„ ์ง์ ‘ ๋‹ค๋ฃฐ ํ•„์š”๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ)

Last updated