JavaScript ๋™์ž‘ ์›๋ฆฌ :: ๋Ÿฐํƒ€์ž„ ๊ตฌ์„ฑ๊ณผ ๋น„๋™๊ธฐ ๋™์ž‘ (feat. ๋น„๋™๊ธฐ ์ฝœ๋ฐฑ)
์›น (WEB)/๊ณต๋ถ€ 2021. 4. 1. 21:56

JS ๋™์ž‘์›๋ฆฌ js๋Š” ์‹ฑ๊ธ€ ์“ฐ๋ ˆ๋“œ ๊ธฐ๋ฐ˜ ์–ธ์–ด์ด๋ฏ€๋กœ ํ˜ธ์ถœ ์Šคํƒ์ด ํ•˜๋‚˜๊ณ  ํ•œ ๋ฒˆ์— ํ•œ ์ž‘์—…๋งŒ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด์— ๋”ฐ๋ฅธ ๋ฌธ์ œ๋Š” ํ•˜๋‚˜์˜ ๋กœ์ง์„ ์ˆ˜ํ–‰ํ•˜๋Š”๋ฐ์— ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฌ๋ฉด ๋‹ค๋ฅธ ๋กœ์ง์ด ๋ฉˆ์ถฐ๋ฒ„๋ฆฐ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๋ฉด ๋น„๋™๊ธฐ ์ฝœ๋ฐฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋Ÿฐํƒ€์ž„ js ๋Ÿฐํƒ€์ž„์€ JS์—”์ง„, web api, task queue, event loop, render queue๋กœ ๋˜์–ด์žˆ๋‹ค. ์—”์ง„ js ์—”์ง„์˜ ๋Œ€ํ‘œ์ ์ธ ์˜ˆ๋Š” Google์˜ V8 ์—”์ง„์ด๋‹ค. Chrome๊ณผ Node.js์—์„œ ์ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. memory heap : ๋ฉ”๋ชจ๋ฆฌ ํ• ๋‹น call stack : ํ˜ธ์ถœ ์Šคํƒ ์œ„์˜ ๋‘๊ฐ€์ง€๋กœ ์—”์ง„์€ ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค. Web API DOM, Ajax, TimeOut ๋“ฑ์˜ Web API๊ฐ€ ์ž‡๋‹ค. Callstack์—์„œ ๋น„๋™๊ธฐ ํ•จ์ˆ˜๊ฐ€ ..