๐Ÿ“ฃ

๋ฐœํ‘œ ๋ฐ ์›Œํฌ์ƒต ๋ชจ์ง‘

๐Ÿ“Œ
๋ฐœํ‘œ์ž ๋ชจ์ง‘์ด ๋งˆ๊ฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
๐Ÿ“…ย ๋‚ ์งœ: 9์›” 16์ผ-17์ผ, 2022
๐Ÿ“์žฅ์†Œ: ๋…ธ๋“ค์„ฌ ๋‹ค๋ชฉ์ ํ™€ ๐ŸŒฒ
JSConf Korea 2022 ํ–‰์‚ฌ ์žฅ์†Œ ์ค‘ ์ผ๋ถ€
JSConf Korea 2022 ํ–‰์‚ฌ ์žฅ์†Œ ์ค‘ ์ผ๋ถ€
JSConf Korea๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ด๋ฃจ๋Š” ๋‹ค์–‘ํ•œ ์‚ฌ๋žŒ๋“ค๊ณผ ํ•จ๊ป˜ ๊ธฐ์ˆ ์˜ ํ•œ๊ณ„๋ฅผ ๋›ฐ์–ด ๋„˜๊ณ  ๊ธ์ •์ ์ธ ์—๋„ˆ์ง€๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ์ถ•์ œ์˜ ์žฅ์ž…๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•œ ์žฌ๋ฏธ์žˆ๊ณ  ๊ธฐ๋ฐœํ•œ ์•„์ด๋””์–ด, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปค๋ฎค๋‹ˆํ‹ฐ์™€ ๋‚˜๋ˆ„๊ณ  ์‹ถ์—ˆ๋˜ ์ด์•ผ๊ธฐ๊ฐ€ ์žˆ๋‹ค๋ฉด ์ฃผ์ €์—†์ด ๋ฐœํ‘œ๋ฅผ ์ œ์•ˆํ•ด์ฃผ์„ธ์š”! ์šฐ๋ฆฌ์˜ ํ•ต์‹ฌ ์›์น™๋งŒ ์ž˜ ์ง€ํ‚จ๋‹ค๋ฉด ์กฐ๊ธˆ ๋…ํŠนํ•ด๋„ ๊ดœ์ฐฎ์Šต๋‹ˆ๋‹ค. ๋ฐœํ‘œ ๊ฒฝํ—˜์ด ์—†์–ด๋„ ๋„์™€๋“œ๋ฆดํ…Œ๋‹ˆ ๊ฑฑ์ •๋งˆ์„ธ์š”. ๋ฐœํ‘œ ๋ฐ ์›Œํฌ์ƒต ์ฃผ์ œ๋Š” ์•„๋ž˜ ๋ชฉ๋ก์—์„œ ๊ณจ๋ผ๋„ ๋˜๊ณ  ๋‹ค๋ฅธ ๋ฐ˜์ง์ด๋Š” ์ฃผ์ œ๋ฅผ ์„ ํƒํ•ด๋„ ์ข‹์Šต๋‹ˆ๋‹ค.
ย 
  • ์›น ๋ณด์•ˆ
  • ์›น ์ ‘๊ทผ์„ฑ
  • ์›น ์–ด์…ˆ๋ธ”๋ฆฌ
  • CSS
  • ์„œ๋ฒ„์‚ฌ์ด๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ๋ชจ๋ฐ”์ผ ์›น
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฏธ๋ž˜
  • ์„ฑ๋Šฅ ๋ฐ ์ตœ์ ํ™”
  • IoT, ํ•˜๋“œ์›จ์–ด, ์ž„๋ฒ ๋””๋“œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์˜ˆ์ˆ 
  • ์œ„์˜ ๋‚˜์—ดํ•œ ๊ธฐ์ˆ ์„ ํ™œ์šฉํ•œ ์†Œ๊ทœ๋ชจ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž์˜ ์‚ถ
  • ์˜คํ”ˆ์†Œ์Šค์™€ ์ปค๋ฎค๋‹ˆํ‹ฐ
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ OO (์•„๋ฌด๋„ ๊ธฐ๋Œ€ํ•˜์ง€ ์•Š์€ ์–ด๋–ค ๊ฒƒ)
ย 
์ง€์›์„œ ๋งˆ๊ฐ์ผ: ํ•œ๊ตญ์‹œ๊ฐ„ ๊ธฐ์ค€ 2022๋…„ 6์›” 24์ผ ๊ธˆ์š”์ผ, PM 11์‹œ 59๋ถ„๊นŒ์ง€
์ง€์› ๊ฒฐ๊ณผ ์•ˆ๋‚ด: ํ•œ๊ตญ์‹œ๊ฐ„ ๊ธฐ์ค€ 2022๋…„ 7์›” 10์ผ ์ผ์š”์ผ, PM 11์‹œ 59๋ถ„๊นŒ์ง€ 7์›” 12์ผ ํ™”์š”์ผ PM 11์‹œ 59๋ถ„๊นŒ์ง€
ย 

๋ฐœํ‘œ ๋ฐ ์›Œํฌ์ƒต์„ ํ•ด์•ผํ•˜๋Š” ์ด์œ !

๋‹ค์–‘ํ•œ ํ˜œํƒ

๋ชจ๋“  ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž๋ถ„๋“ค๊ป˜ JSConf Korea 2022 ํ‹ฐ์ผ“์„ ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋ฐœํ‘œ์ž ์„ ์ •์ด ๋๋‚˜๊ธฐ ์ „์— ํ‹ฐ์ผ“์ด ๋งค์ง„๋  ์ˆ˜ ์žˆ์œผ๋‹ˆ ๊ผญ ์ฐธ์—ฌํ•˜๊ณ  ์‹ถ์œผ์‹œ๋‹ค๋ฉด ๋ฏธ๋ฆฌ ํ‹ฐ์ผ“์„ ๊ตฌ๋งคํ•ด์ฃผ์„ธ์š”. ๋ฐœํ‘œ์ž๋กœ ์„ ์ •๋˜์‹ค ๊ฒฝ์šฐ ํ™˜๊ธ‰ํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.
๋ชจ๋“  ๊ตญ๋‚ด ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž๋ถ„๊ป˜๋Š” ์†Œ์ •์˜ ๋ฐœํ‘œ๋น„๋ฅผ ์ง€์›ํ•ด๋“œ๋ฆฌ๊ณ , ์ˆ˜๋„๊ถŒ ์™ธ ์ง€์—ญ์—์„œ ์˜ค์‹œ๋Š” ๊ฒฝ์šฐ ๊ตํ†ต๋น„์™€ย  3๋ฐ• 4์ผ์˜ ํ˜ธํ…” ์ˆ™๋ฐ•์„ ์ง€์›ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค. ํ•ด์™ธ์—์„œ ์˜ค์‹œ๋Š” ๋ถ„๊ป˜๋Š” ์ตœ๋Œ€ 120๋งŒ์›์˜ ๊ตํ†ต๋น„ ๋ฐ 3๋ฐ• 4์ผ์˜ ํ˜ธํ…” ์ˆ™๋ฐ•์„ ์ง€์›ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.
  • ๊ตํ†ต์ˆ˜๋‹จ์€ ์Šคํƒœํ”„๊ฐ€ ์˜ˆ์•ฝํ•ด๋“œ๋ฆด ์ˆ˜ ์žˆ์ง€๋งŒ ์ง์ ‘ ์˜ˆ์•ฝํ•˜๊ธฐ๋ฅผ ์›ํ•˜์‹ค ๊ฒฝ์šฐ ์˜ˆ์•ฝ ํ›„ ํ™˜๊ธ‰ํ•ด๋“œ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • (2022๋…„ 5์›” 23์ผ ๊ธฐ์ค€) ํ•ด์™ธ์—์„œ ์˜ค์‹œ๋Š” ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž๋Š” ํ•œ๊ตญ์ •๋ถ€์—์„œ ๊ฐ€์ด๋“œ๋ผ์ธ ํ•˜๋Š” ํ•œ๊ตญ์˜ ๋ฐฉ์—ญ์ˆ˜์น™์„ ๋”ฐ๋ฅด์…”์•ผํ•ฉ๋‹ˆ๋‹ค.
ย 

๋ฐœํ‘œ ์ค€๋น„๋ฅผ ๋„์™€๋“œ๋ฆฝ๋‹ˆ๋‹ค.

JSConf Korea๋Š” ์ดˆ๋ณด ๋ฐœํ‘œ์ž๋„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค!
๋งŽ์€ ์‚ฌ๋žŒ๋“ค ์•ž์—์„œ ์ด์•ผ๊ธฐํ•  ์ž์‹ ์ด ์—†์–ด์„œ, ๊ฒฝํ—˜์ด ์—†์–ด์„œ, ์–˜๊ธฐํ•˜๊ณ ํ”ˆ ์•„์ด๋””์–ด๋Š” ์žˆ๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ๋ฐœํ‘œ๋กœ ํ’€์–ด๋‚˜๊ฐˆ์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์„œ ๊ณ ๋ฏผ์ด๋ผ๋ฉด ๊ฑฑ์ •๋งˆ์„ธ์š”. ์ €ํฌ๊ฐ€ ๋„์™€๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.
  • ๋ฐœํ‘œ ์Šฌ๋ผ์ด๋“œ๋Š” ํ•จ๊ป˜ ๋ฆฌ๋ทฐํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.
  • ๋ฐœํ‘œ ๋‚ด์šฉ๋„ ์˜คํ”„๋ผ์ธ์ด๋‚˜ ์˜์ƒ ํ†ตํ™”๋กœ ํ•จ๊ป˜ ๋ฆฌ๋ทฐํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.
  • ๋ฐœํ‘œ ๊ฒฝํ—˜์ด ํ’๋ถ€ํ•œ ์ฝ”์น˜์™€ ์—ฐ๊ฒฐํ•ด๋“œ๋ฆด ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
ย 
๊ทธ ๋ฐ–์— ์–ด๋–ค ๋„์›€์ด๋“  ํ•„์š”ํ•˜์‹œ๋‹ค๋ฉด contact@jsconf.kr๋กœ ์•Œ๋ ค์ฃผ์„ธ์š”.
ย 

๋ฐœํ‘œ ๋ฐ ์›Œํฌ์ƒต ํ˜•์‹

๊ธธ์ด

  • ๋ฐœํ‘œ: ์ค€๋น„์‹œ๊ฐ„์„ ํฌํ•จํ•˜์—ฌ 30๋ถ„์ž…๋‹ˆ๋‹ค. ์ ˆ๋Œ€ ์ฃผ์–ด์ง„ ์‹œ๊ฐ„์„ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์—†์œผ๋‹ˆ ์•ˆ์ „ํ•˜๊ฒŒ 25๋ถ„ ์ด๋‚ด๋กœ ์ค€๋น„ํ•ด์ฃผ์„ธ์š”.
  • ์›Œํฌ์ƒต: ์ค€๋น„์‹œ๊ฐ„์„ ํฌํ•จํ•˜์—ฌ 1์‹œ๊ฐ„ 30๋ถ„์ž…๋‹ˆ๋‹ค. ์ ˆ๋Œ€ ์ฃผ์–ด์ง„ ์‹œ๊ฐ„์„ ๋„˜์–ด๊ฐˆ ์ˆ˜ ์—†์œผ๋‹ˆ ์•ˆ์ „ํ•˜๊ฒŒ 1์‹œ๊ฐ„ 20๋ถ„ ์ด๋‚ด๋กœ ์ค€๋น„ํ•ด์ฃผ์„ธ์š”.
  • ์งˆ์˜์‘๋‹ต ์‹œ๊ฐ„์€ ๋”ฐ๋กœ ๋งˆ๋ จ๋˜์ง€ ์•Š์œผ๋‚˜ ๋ฐœํ‘œ/์›Œํฌ์ƒต ์žฅ์†Œ ๋ฐ–์—์„œ ์ž์œ ๋กญ๊ฒŒ ๋Œ€ํ™”ํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
ย 

์–ธ์–ด

ํ•œ๊ตญ์–ด ๋˜๋Š” ์˜์–ด๋กœ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์˜์–ด๋กœ ์ง„ํ–‰ํ•˜๊ธธ ์›ํ•˜์‹ค ๊ฒฝ์šฐ ์˜์–ด๋กœ ์ง€์›ํ•ด์ฃผ์„ธ์š”.
  • ๋ฐœํ‘œ์˜ ๋‘๊ฐœ๊ตญ์–ด๋กœ ๋™์‹œํ†ต์—ญ์ด ์ง€์›๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.
  • ์›Œํฌ์ƒต์€ ๋™์‹œํ†ต์—ญ์„ ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
ย 

์ž๋ฃŒ ๋ฐ ๋™์˜์ƒ

๋ชจ๋“  ๋ฐœํ‘œ๋Š” ๋…นํ™”๋˜๋ฉฐ, ๋ฐœํ‘œ ์Šฌ๋ผ์ด๋“œ ๋ฐ ๋ฐœํ‘œ ๋™์˜์ƒ์€ ์ปจํผ๋Ÿฐ์Šค ์ข…๋ฃŒ ํ›„ JSConf ์œ ํŠœ๋ธŒ ๋ฐ JSConf Korea ๊ณต์‹ ์›น์‚ฌ์ดํŠธ์™€ SNS ๊ณ„์ •์„ ํ†ตํ•ด ๊ณต๊ฐœ๋ฉ๋‹ˆ๋‹ค.
์›Œํฌ์ƒต์€ ๋…นํ™”๋˜์ง€ ์•Š์œผ๋‚˜ ์›Œํฌ์ƒต ์ž๋ฃŒ๋Š” JSConf Korea ๊ณต์‹ ์›น์‚ฌ์ดํŠธ์™€ SNS ๊ณ„์ •์„ ํ†ตํ•ด ๊ณต๊ฐœ๋ฉ๋‹ˆ๋‹ค.
ย 

์‹ฌ์‚ฌ ์ ˆ์ฐจ์™€ ๊ธฐ์ค€

์‹ฌ์‚ฌ์œ„์›๋‹จ์€ JSConf Korea ์ฃผ์ตœํŒ€๊ณผ ๋ด‰์‚ฌ์ž๋กœ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.
์‹ฌ์‚ฌ๋Š” ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž ๋ชจ์ง‘์ด ๋งˆ๊ฐ๋œ ํ›„ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค.
1์ฐจ ์‹ฌ์‚ฌ๋Š” ์˜ค๋กœ์ง€ ๋ฐœํ‘œ ๋ฐ ์›Œํฌ์ƒต ๋‚ด์šฉ ๊ธฐ์ค€์œผ๋กœ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค. ์‹ฌ์‚ฌ์œ„์›์€ ์ฒ ์ €ํžˆ ์ต๋ช… ์ฒ˜๋ฆฌ๋œ ์ œ์•ˆ์„œ์— ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ธฐ์ค€์— ๋”ฐ๋ผ ์ ์ˆ˜๋ฅผ ๋งค๊น๋‹ˆ๋‹ค.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ปค๋ฎค๋‹ˆํ‹ฐ์™€์˜ ์—ฐ๊ด€์„ฑ
  • ๋‚ด์šฉ์˜ ๋ช…ํ™•์„ฑ๊ณผ ํ†ต์ผ์„ฑ
  • ๋ฐ˜์ง์ด๊ณ  ๋…์ฐฝ์ ์ธ ์ฃผ์ œ
  • ์ฃผ์–ด์ง„ ์‹œ๊ฐ„ ์•ˆ์— ์ „๋‹ฌํ•  ์ˆ˜ ์žˆ๋Š” ๋งŒํผ์˜ ๋‚ด์šฉ
์ตœ์ข… ์‹ฌ์‚ฌ์—์„œ๋Š” ์ƒ์œ„ ์ œ์•ˆ์„œ๋ฅผ ์‹ค๋ช…ํ™”ํ•˜์—ฌ ์ตœ์ข… ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž๋ฅผ ์„ ์ •ํ•ฉ๋‹ˆ๋‹ค. ์‹ค๋ช…ํ™” ํ•˜๋Š” ์ด์œ ๋Š” ๋ฐฐ๊ฒฝ๊ณผ ๊ฒฝํ—˜์ด ์ตœ๋Œ€ํ•œ ๋‹ค์–‘ํ•œ ๋ฐœํ‘œ์ž ๋ฐ ์›Œํฌ์ƒต ์ง„ํ–‰์ž ๋ชฉ๋ก์„ ๊พธ๋ฆฌ๊ธฐ ์œ„ํ•ด, ๋˜ ์ปจํผ๋Ÿฐ์Šค ์‚ฌ์ •์— ๋”ฐ๋ผ ๊ตํ†ต ๋ฐ ์ˆ™๋ฐ•๋น„์šฉ์„ ๊ณ ๋ คํ•˜๊ธฐ ์œ„ํ•จ์ž…๋‹ˆ๋‹ค.
์„ ์ • ์—ฌ๋ถ€์™€ ์ƒ๊ด€ ์—†์ด ์‹ฌ์‚ฌ ๊ฒฐ๊ณผ๋Š” ๋ชจ๋‘ ๋ฉ”์ผ๋กœ ์•ˆ๋‚ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.
ย 

์ œ์•ˆ์„œ ์ž‘์„ฑ ๋ฐฉ๋ฒ•

๋ฐœํ‘œ ์ œ์•ˆ์„œ

  • ์ถฉ๋ถ„ํžˆ ๊ตฌ์ฒด์ ์ธ ์ฃผ์ œ๋ฅผ ์ œ์•ˆํ•ด์ฃผ์„ธ์š”. ์˜ˆ๋ฅผ ๋“ค์–ด, โ€œNext.js๋ž€ ๋ฌด์—‡์ธ๊ฐ€?โ€ ๋“ฑ์˜ ์ฃผ์ œ๋Š” ๋„ˆ๋ฌด ๊ด‘๋ฒ”์œ„ํ•ฉ๋‹ˆ๋‹ค.
  • ์ตœ๋Œ€ํ•œ ์ฐธ์‹ ํ•œ ์•„์ด๋””์–ด๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•ด์ฃผ์„ธ์š”.
  • ์‹ฌ์‚ฌ ๊ธฐ์ค€์„ ๊ณ ๋ คํ•ด์ฃผ์„ธ์š”.
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋Œ€ํ•œ ์—ด์ •์„ ์ œ์•ˆ์„œ์— ๊นŠ์ด ๋…น์—ฌ์ฃผ์„ธ์š”.
ย 

์›Œํฌ์ƒต ์ œ์•ˆ์„œ

  • ์ถฉ๋ถ„ํžˆ ๊ตฌ์ฒด์ ์ธ ์ฃผ์ œ๋ฅผ ์ œ์•ˆํ•ด์ฃผ์„ธ์š”. ๋Œ€์ƒ ์ฒญ์ค‘์ด ์›Œํฌ์ƒต์„ ํ†ตํ•ด ์–ป์–ด๊ฐˆ ์ˆ˜ ์žˆ๋Š” ์ ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•ด์ฃผ์„ธ์š”.
  • ์‹ฌ์‚ฌ ๊ธฐ์ค€์„ ๊ณ ๋ คํ•ด์ฃผ์„ธ์š”.
ย 
์—ฌ๋Ÿฌ ์•„์ด๋””์–ด๊ฐ€ ์žˆ๋‹ค๋ฉด ๋ณ„๊ฐœ์˜ ์ œ์•ˆ์„œ๋กœ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.
ย 

์ข‹์€ ์ œ์•ˆ์„œ ์˜ˆ์‹œ

ย 
์ข‹์€ ๋ฐœํ‘œ/์›Œํฌ์ƒต ์ฃผ์ œ๋Š” ์žˆ๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ํšจ๊ณผ์ ์ธ ๋ฐœํ‘œ ์ œ์•ˆ์„œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๊ณ ๋ฏผ์ด์‹  ๋ถ„์„ ์œ„ํ•ดย  ๋ช‡๊ฐ€์ง€ ์˜ˆ์‹œ๋ฅผ ์ค€๋น„ํ–ˆ์Šต๋‹ˆ๋‹ค.
ย 

์ข‹์€ ๋ฐœํ‘œ ์ œ์•ˆ์„œ์˜ ์˜ˆ์‹œ

๐Ÿ’ก
๋ฐœํ‘œ ์ œ๋ชฉ
Don't block the event loop! - ๋งค๋„๋Ÿฌ์šด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ตฌํ˜„์„ ์œ„ํ•œ javascript ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ
๋ฐœํ‘œ ์š”์•ฝ ํ™”๋ฉด์ด ๋ฉˆ์ถ”๊ฑฐ๋‚˜, ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋ฒ„๋ฒ…๊ฑฐ๋ฆฌ๊ฑฐ๋‚˜, ํด๋ฆญ ํ˜น์€ ์Šคํฌ๋กค ๋“ฑ์ด ์ œ๋•Œ ๋ฐ˜์‘ํ•˜์ง€ ์•Š๋Š”๋‹ค๊ฑฐ๋‚˜ ํ•˜๋Š” ํ˜„์ƒ์€ ์„œ๋น„์Šค์˜ ์‚ฌ์šฉ์„ฑ, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ•ด์น˜๋Š” ์š”์†Œ๋“ค์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ํ˜„์ƒ๋“ค๊ณผ ๊ทธ ์›์ธ์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์˜ ๊ตฌ์กฐ, task, call-stack, event-loop ๊ฐœ๋… ์ค‘์‹ฌ์œผ๋กœ ์•Œ์•„๋ณด๊ณ  ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ๋ช‡๊ฐ€์ง€ ๋ฐฉ๋ฒ•๋“ค์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•ด, ์ด์Šˆ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์ƒํ™ฉ์„ ๊ฐ€์ •ํ•œ ๋ฐ๋ชจ๋ฅผ ํ™œ์šฉํ•ด ์†Œ๊ฐœํ•œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ•๋“ค์ด ์–ด๋–ป๊ฒŒ ๊ฐœ์„ ์‹œ์ผœ ๋‚˜๊ฐ€๋Š”์ง€๋„ ํ•จ๊ป˜ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.
  • ๋Œ€ํ‘œ์ ์ธ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ฐฉํ•ดํ•˜๋Š” ์š”์†Œ๋“ค
    • "์Šคํฌ๋กค์ด ์ž๊พธ ๋Š๊ฒจ์š”."
    • "ํƒ€์ดํ•‘ํ•œ๊ฒŒ ํ™”๋ฉด์— ๋ฐ”๋กœ๋ฐ”๋กœ ๋ฐ˜์˜์ด ์•ˆ๋ผ์š”."
    • "์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋งค๋„๋Ÿฝ๊ฒŒ ๋™์ž‘ํ•˜์ง€ ์•Š์•„์š”."
  • ์™œ ์ด๋Ÿฌํ•œ ํ˜„์ƒ์ด ์ผ์–ด๋‚˜๋Š”๊ฐ€?
    • ์›์ธ์€ ์ง„ํ–‰์ค‘์ธ task๊ฐ€ event loop๋ฅผ ์ฐจ๋‹จํ•˜๊ธฐ ๋•Œ๋ฌธ
    • javascript engine ๊ตฌ์กฐ
    • main thread, call stack, event loop
    • run-to-completion
  • ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๋ฉด?
    • don't block the event loop!
    • web worker
    • javascript code๋ฅผ ๋ณ„๋„์˜ worker thread์—์„œ ๋Œ๋ฆด ์ˆ˜ ์žˆ๋Š” api
    • task๋ฅผ ์ž˜๊ฒŒ ์ชผ๊ฐœ์„œ ์ค‘๊ฐ„์ค‘๊ฐ„ ๋‹ค๋ฅธ ์ž‘์—…์„ ๋ผ์›Œ ๋„ฃ๊ธฐ
    • ํฐ task๋ฅผ micro task๋กœ ์„ธ๋ถ„ํ™”ํ•˜๊ณ  ์ด๋ฅผ setTimeout, requestIdleCallback๊ณผ ๊ฐ™์€ api๋ฅผ ์ด์šฉํ•˜์—ฌ ํ”„๋ ˆ์ž„ ์‚ฌ์ด์‚ฌ์ด ์—์„œ ์‹คํ–‰๋  ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.
    • ๊ทธ ์™ธ framework/library ์ฐจ์›์—์„œ ์‹œ๋„๋˜๊ณ  ์žˆ๋Š” ๋…ธ๋ ฅ๋“ค
  • ์ฃผ์˜ํ•  ์ 
    • ๊ณผ๋„ํ•œ micro-optimization ๋“ฑ
ย 
์ข‹์€ ์ œ์•ˆ์„œ์ธ ์ด์œ 
  • ์ฒซ ๋ฌธ๋‹จ์—์„œ๋Š” ๋ฌธ์ œ๋ฅผ ๋ช…ํ™•ํžˆ ์ œ๊ธฐํ•˜๊ณ  ์ด์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์„ ์–ด๋–ป๊ฒŒ ๋ณด์—ฌ์ค„ ๊ฒƒ์ธ์ง€, ๋…์ž๊ฐ€ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค.
  • ์ดํ›„ ๋ฐœํ‘œ ๋‚ด์šฉ์„ ์ƒ์„ธํ•˜๊ณ  ์ฒด๊ณ„์ ์œผ๋กœ ๋‚˜์—ดํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ์ด์ฒ˜๋Ÿผ ๋Œ€์ค‘์—๊ฒŒ ๊ณต๊ฐœ๋  ๋ฐœํ‘œ ์š”์•ฝ ์™ธ์— ์‹ฌ์‚ฌ์— ๋„์›€์ด ๋  ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ์ถ”๊ฐ€ํ•ด์ฃผ์…”๋„ ์ข‹์Šต๋‹ˆ๋‹ค.
ย 
๐Ÿ’ก
๋ฐœํ‘œ ์ œ๋ชฉ
์ถ•ํ•˜ํ•ฉ๋‹ˆ๋‹ค! ๋‹น์‹ ์˜ ์Šคํƒ€ํŠธ์—…์—์„œ ์ฒ˜์Œ์œผ๋กœ ์•„์ด๋ฅผ ๊ฐ–๊ฒŒ ๋˜์…จ์Šต๋‹ˆ๋‹ค. ์ด์ œ ์–ด๋–กํ•˜์ฃ ?
๋ฐœํ‘œ ์š”์•ฝ
์ž„์‹ ๊ณผ ์ถœ์‚ฐ์€ ์‚ถ์„ ์†ก๋‘๋ฆฌ์งธ ๋ฐ”๊ฟ‰๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ์šฐ๋ฆฌ ํšŒ์‚ฌ์— ์•„์ด๋ฅผ ๊ฐ€์ง„ ์ง์›์ด ๋‚˜๋ฐ–์— ์—†๋‹ค๋ฉด ๊ทธ ๋ณ€ํ™”๊ฐ€ ๋” ์–ด๋ ต๊ฒŒ ๋Š๊ปด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐœํ‘œ์—์„œ๋Š” ์ „ ์ง์žฅ(์Šคํƒ€ํŠธ์—…)์—์„œ ์ฒ˜์Œ์œผ๋กœ ์œก์•„ํœด์ง์„ ์‹ ์ฒญํ•˜๋Š” ์ง์›์œผ๋กœ์„œ ์ œ๊ฐ€ ์–ด๋–ค ๋…ธ๋ ฅ์„ ํ–ˆ๋Š”์ง€, ์–ด๋–ป๊ฒŒ ์ œ ๊ถŒ๋ฆฌ๋ฅผ ์œ„ํ•ด ๋ชฉ์†Œ๋ฆฌ๋ฅผ ๋†’์˜€๋Š”์ง€ ๋“ค๋ ค๋“œ๋ฆฌ๊ณ , ์ด ์–ด๋ ค์šด ์ƒํ™ฉ์„ ์–ด๋–ป๊ฒŒ ๋‚ด ๊ฒƒ์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š”์ง€ ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
์Šคํƒ€ํŠธ์—…์— ๋‹ค๋‹ˆ๋ฉด์„œ ์•„์ด๋ฅผ ๊ฐ–๊ณ ์‹ถ์œผ์‹œ๊ฑฐ๋‚˜ (์ž…์–‘๋„ ํฌํ•จ!) ์ถœ์‚ฐ์„ ์•ž๋‘์‹  ๋ถ„, ๋˜๋Š” ๊ทธ๋Ÿฐ ๋™๋ฃŒ์˜ ๋“ ๋“ ํ•œ ์ง€์ง€์ž๊ฐ€ ๋˜๊ณ ์‹ถ์œผ์‹  ๋ถ„๋“ค๊ป˜ ๋ฐ”์นฉ๋‹ˆ๋‹ค.
ย 
์ข‹์€ ์ œ์•ˆ์„œ์ธ ์ด์œ 
  • ๋Œ€์ƒ ์ฒญ์ค‘์˜ ์ด๋ชฉ์„ ์‚ฌ๋กœ์žก์„ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์žฅ์œผ๋กœ ์‹œ์ž‘ํ•˜์…จ์Šต๋‹ˆ๋‹ค.
  • ๋ฐœํ‘œ์—์„œ ๋ฐฐ์›Œ๊ฐˆ ์ˆ˜ ์žˆ๋Š” ๋‚ด์šฉ์„ ๋ช…๋ฃŒํ•˜๊ฒŒ ๋‚˜์—ดํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค.
  • ๋์œผ๋กœ โ€œ๋™๋ฃŒ์˜ ๋“ ๋“ ํ•œ ์ง€์ง€์ž๊ฐ€ ๋˜๊ณ ์‹ถ์œผ์‹  ๋ถ„๋“คโ€๊นŒ์ง€ ๋Œ€์ƒ ์ฒญ์ค‘์„ ํ™•์žฅํ•˜๋ฉฐ ๋” ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๊ด€์‹ฌ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋„๋ก ์œ ๋„ํ•˜์…จ์Šต๋‹ˆ๋‹ค.
ย 

์ข‹์€ ์›Œํฌ์ƒต ์ œ์•ˆ์„œ์˜ ์˜ˆ์‹œ

๐Ÿ’ก
์›Œํฌ์ƒต ์ œ๋ชฉ ์• ํ”Œ์›Œ์น˜ ํ˜ธํก ๋ช…์ƒ ์•ฑ ๋กœ๊ณ  ์ฝ”๋”ฉ์œผ๋กœ ๊ทธ๋ฆฌ๊ธฐ
์›Œํฌ์ƒต ๋‚ด์šฉ
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋งŒ์œผ๋กœ ์•„๋ฆ„๋‹ค์šด ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋งŒ๋“œ๋Š” ๊ณผ์ •์„ ํ•จ๊ป˜ ๋”ฐ๋ผ๊ฐ€๋ณด๋ฉฐ ์ฐธ๊ฐ€์ž๋“ค์—๊ฒŒ ํฌ๋ฆฌ์—ํ‹ฐ๋ธŒ ์ฝ”๋”ฉ์˜ ์„ธ๊ณ„๋ฅผ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค.
  • p5js, openprocessing ์‚ฌ์šฉ ์•ˆ๋‚ด
  • ๋ฐ˜๋ณตํ•จ์ˆ˜์™€ ์‚ผ๊ฐํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ธฐ๋ณธ ๋กœ๊ณ  ๋ชจ์–‘ ๋งŒ๋“ค๊ธฐ
  • ํ•จ์ˆ˜์™€ ์ˆซ์ž๋ฅผ ๋ฐ”๊พธ๋ฉด ์–ด๋–ป๊ฒŒ ๊ทธ๋ž˜ํ”ฝ์ด ๋‹ฌ๋ผ์ง€๋Š”์ง€ ์ดํ•ดํ•˜๊ณ  ์‘์šฉํ•˜๊ธฐ
  • ์—ฌ๋Ÿฌ ๊ฐ’์„ ์ธํ„ฐ๋ ‰ํ‹ฐ๋ธŒํ•˜๊ฒŒ ๋ฐ”๊พธ๋ฉด์„œ ๋‹ค์–‘ํ•œ ๋ชจ์…˜ ๊ทธ๋ž˜ํ”ฝ ๋งŒ๋“ค๊ธฐ
  • ์ œ๋„ˆ๋ ˆ์ดํ‹ฐ๋ธŒ ์•„ํŠธ, ํ”„๋กœ์„ธ์‹ฑ์— ๋งŽ์ด ์“ฐ์ด๋Š” ๊ฟ€ํŒ ๋ฐฐ์›Œ๊ฐ€๊ธฐ
ย 
์ข‹์€ ์ œ์•ˆ์„œ์ธ ์ด์œ 
  • ์›Œํฌ์ƒต์„ ํ†ตํ•ด ์–ป์–ด๊ฐˆ ์ˆ˜ ์žˆ๋Š” ๋‚ด์šฉ์„ ๋ช…ํ™•ํ•˜๊ฒŒ ์–ธ๊ธ‰ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค.
  • ์–ด๋–ค ์ˆ˜์—…์„ ์ง„ํ–‰ํ•  ๊ฒƒ์ธ์ง€ ๊ตฌ์ฒด์ ์œผ๋กœ ๋‹ค๋ค„์ฃผ์…จ์Šต๋‹ˆ๋‹ค.
ย 
์ง€์›์„œ ๋งˆ๊ฐ์ผ: ํ•œ๊ตญ์‹œ๊ฐ„ ๊ธฐ์ค€ 2022๋…„ 6์›” 24์ผ ๊ธˆ์š”์ผ, PM 11์‹œ 59๋ถ„๊นŒ์ง€
์ง€์› ๊ฒฐ๊ณผ ์•ˆ๋‚ด: ํ•œ๊ตญ์‹œ๊ฐ„ ๊ธฐ์ค€ 2022๋…„ 7์›” 10์ผ ์ผ์š”์ผ, PM 11์‹œ 59๋ถ„๊นŒ์ง€