\
[๊ธฐ์ˆ  ๋ฉด์ ‘ ๋Œ€๋น„] Front-end ์œ„์ฃผ๋กœ ๋ณด๋Š” ์ปดํ“จํ„ฐ ๊ตฌ์กฐ
ยท
๐Ÿ“š STUDY/CS & ๋„คํŠธ์›Œํฌ
๋‚ด๊ฐ€ ๋ณด๋ ค๊ณ  ๋งŒ๋“œ๋Š” ๊ธฐ์ˆ  ๋ฉด์ ‘ ๋ฆฌ์ŠคํŠธ๋ฌธ์ œ ๋ฆฌ์ŠคํŠธCPU์™€ ๋ฉ”๋ชจ๋ฆฌ๋Š” ๊ฐ๊ฐ ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋‚˜?ํ”„๋กœ๊ทธ๋žจ์€ ์–ด๋–ป๊ฒŒ ์‹คํ–‰๋˜๋Š”๊ฐ€?๋ฉ”๋ชจ๋ฆฌ ๊ณ„์ธต ๊ตฌ์กฐ๋ฅผ ๊ฐ„๋‹จํžˆ ์„ค๋ช…ํ•ด๋ณด์„ธ์š”.์บ์‹œ ๋ฉ”๋ชจ๋ฆฌ๋Š” ์™œ ํ•„์š”ํ•œ๊ฐ€?์ง€์—ญ์„ฑ(Locality)์ด๋ž€?์Šคํƒ(Stack)๊ณผ ํž™(Heap)์˜ ์ฐจ์ด๋Š”?์ฝœ ์Šคํƒ(Call Stack)์ด๋ž€?์Šคํƒ ์˜ค๋ฒ„ํ”Œ๋กœ์šฐ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์‹œ์ ๊ณผ ์ด์œ ๋ฉ”๋ชจ๋ฆฌ ๋ˆ„์ˆ˜๋Š” ์™œ ์„ฑ๋Šฅ ๋ฌธ์ œ๋กœ ์ด์–ด์ง€๋‚˜์š”?๋ฉ€ํ‹ฐ์ฝ”์–ด CPU๊ฐ€ ํ”„๋ก ํŠธ์—”๋“œ์— ์ฃผ๋Š” ์ด์ ์€?์ปจํ…์ŠคํŠธ ์Šค์œ„์นญ์ด๋ž€?๋ฌด๊ฑฐ์šด ์—ฐ์‚ฐ์ด UI๋ฅผ ๋ฉˆ์ถ”๊ฒŒํ•˜๋Š” ์ด์œ Web Worker๋Š” ์™œ ํ•„์š”ํ•œ๊ฐ€์š”? ๋“ค์–ด๊ฐ€๊ธฐ ์ „,์ปดํ“จํ„ฐ ๊ตฌ์กฐ๋ผ๋Š” ๊ณผ๋ชฉ์€, ๋ง ๊ทธ๋Œ€๋กœ ์ปดํ“จํ„ฐ์˜ ๊ตฌ์กฐ์™€ ๊ด€๋ จ๋œ ํ•™๋ฌธ์œผ๋กœ ๋‚ด๊ฐ€ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ๋Š” ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋„˜์–ด ์›น ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๊ธฐ๋ณธ์ ์œผ๋กœ ์ธ์ง€ํ•˜๊ณ  ์žˆ์–ด์•ผํ•˜๋Š” ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.๋”ฐ๋ผ์„œ, ๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์€ ์ปดํ“จํ„ฐ ๊ตฌ์กฐ๋ผ..