Skip to content

JavaScript โ€‹

JavaScript ๊ด€๋ จ ํฌ์ŠคํŠธ๋“ค์ž…๋‹ˆ๋‹ค.

SSE๋ฅผ Async Generator๋กœ : ์ง„์งœ ์ŠคํŠธ๋ฆผ์ฒ˜๋Ÿผ ๋‹ค๋ฃจ๊ธฐ

Server Sent Events (SSE) ๋ฅผ ์™ธ๋ถ€์—์„œ๋„ ์ˆœ์ฐจ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ๋‹ค๋ฃฐ์ˆ˜ ์žˆ์„๊นŒ? ์ข…ํ•ฉ์„ค๊ณ„ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ LLM์œผ๋กœ๋ถ€ํ„ฐ ์ŠคํŠธ๋ฆฌ๋ฐ ์‘๋‹ต์„ ๊น”๋”ํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด Generator ๋ฅผ ํ™œ์šฉํ•œ ๋ฐฉ๋ฒ•์„ ๊ณต์œ ํ•ฉ๋‹ˆ๋‹ค.

๋ญฃ?! ๊ฐ’์€ ๋ณ€ํ•˜์ง€ ์•Š๋Š”๋‹ค๊ณ ? JavaScript ๋ถˆ๋ณ€์„ฑ(Immutability) ์ดํ•ดํ•˜๊ธฐ

๋ถˆ๋ณ€์„ฑ(Immutability) ๋Š” ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ํ•˜๋‹ค ๋ณด๋ฉด ์ •๋ง ์ž์ฃผ ๋“ฃ๋Š” ๋‹จ์–ด๋‹ค. ๊ฐ’์„ ๋ฐ”๊พธ์ง€ ์•Š๋Š”๋‹ค๋Š” ๋ง์€ ์ดํ•ด๋˜์ง€๋งŒ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ทธ๊ฒŒ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€, ๊ทธ๋ฆฌ๊ณ  ์™œ React ์—์„œ๋Š” ๊ผญ ์ง€์ผœ์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด์ž.

JavaScript Execution Context ์‹คํ–‰ ์ปจํ…์ŠคํŠธ - ์˜ˆ์ œํŽธ (feat. ํ˜ธ์ด์ŠคํŒ…, ์Šค์ฝ”ํ”„ ์ฒด์ธ, ํด๋กœ์ €)

๊ฐ„๋‹จํ•œ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด ์‹คํ–‰์ปจํ…์ŠคํŠธ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๊ณ , ํ˜ธ์ด์ŠคํŒ…๊ณผ ์Šค์ฝ”ํ”„ ์ฒด์ธ, ํด๋กœ์ €๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ์•Œ์•„๋ด…๋‹ˆ๋‹ค

JavaScript Execution Context ์‹คํ–‰ ์ปจํ…์ŠคํŠธ - ๊ฐœ๋…ํŽธ (feat. ํ˜ธ์ด์ŠคํŒ…, ์Šค์ฝ”ํ”„ ์ฒด์ธ, ํด๋กœ์ €)

JavaScript ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? ์‹คํ–‰ ์ปจํ…์ŠคํŠธ๋Š” JavaScript ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๋Š” ํ™˜๊ฒฝ์„ ์ •์˜ํ•˜๋Š” ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์‹คํ–‰ ์ปจํ…์ŠคํŠธ์˜ ๊ฐœ๋…๊ณผ ๊ตฌ์„ฑ ์š”์†Œ, ๊ทธ๋ฆฌ๊ณ  Lexical Environment์™€ Variable Environment์— ๋Œ€ํ•ด ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.