์Šน๋Œ ์“ฐ๋‹ค

๊ทธ๋ƒฅ ์ €๋ƒฅ #์œ„ํด๋ฆฌ๋‰ด์Šค #83

seungdols 2020. 7. 27. 21:02

๐Ÿ‘๐Ÿป ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด ๋˜๋Š”

์˜จ๋ผ์ธ ์ฝ”๋“œ ๋ฆฌ๋ทฐ์— ๋Œ€ํ•ด์„œ

  • ์˜จ๋ผ์ธ ์ฝ”๋“œ ๋ฆฌ๋ทฐ์™€ ๋”๋ถˆ์–ด์„œ ๊ฐ™์ด ํ•˜๋ฉด ์ข‹์€ ๊ฒƒ์ด ์˜คํ”„๋ผ์ธ ์ฝ”๋“œ ๋ฆฌ๋ทฐ์ธ๋ฐ, ์ด๋Š” ๊ต‰์žฅํžˆ ๋ฆฌ๋ทฐ ํ•˜๊ธฐ ๊นŒ๋‹ค๋กญ๊ณ , ์–‘์ด ๋งŽ์€ ๊ฒฝ์šฐ ํ€ตํ•˜๊ฒŒ ์˜คํ”„๋ผ์ธ์œผ๋กœ ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์ข‹๋‹ค. ๊ทธ๋Ÿฐ๋ฐ, ๋Œ€๋‹ค์ˆ˜ ๋ฐ”์œ ์‹œ๊ฐ„์„ ํ• ์•  ํ•ด์•ผ ํ•˜๋ฏ€๋กœ, ์˜จ๋ผ์ธ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๊ฐ€ ์ œ์ผ ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ , PR์— ์˜ฌ๋ผ์˜จ ์ฝ”๋“œ๋ฅผ ์˜จ๋ผ์ธ์œผ๋กœ ์„ค๋ช…ํ•˜๊ณ , ํ—ˆ์ ์€ ์—†๋Š”์ง€ ๋‹ค ๊ฐ™์ด ์ฐพ๋Š” ๊ฒƒ๋„ ํŒ€๋‚ด์—์„œ ๊ฐ€๋” ์žˆ๋Š” ์ผ์ด๋‹ค. (๋ฐ์ผ๋ฆฌ ์Šคํฌ๋Ÿผ ๋๋‚˜๊ณ  ์ž ์‹œ ์˜จ๋ผ์ธ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ํ•˜๋Š” ๊ฒƒ๋„ ์ข‹๊ฒ ๋‹ค.)

์„œ๋ฒ„์— ๊ฑธ๋ฆฌ๋Š” ๋ถ€ํ•˜, ์ถ”์ธกํ•˜์ง€ ๋ง๊ณ  ๊ณ„์ธกํ•˜์ž

  • ์„œ๋ฒ„ ๋ถ€ํ•˜์— ๋Œ€ํ•ด ์ž์„ธํ•˜๊ณ , ๊นŠ๊ฒŒ ์•Œ์•„๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ธ€์ด๋‹ค. ๋”๋ถˆ์–ด์„œ top/sar ๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ๋‚˜ํƒ€๋‚˜๋Š” ์ง€ํ‘œ๋“ค์„ ํ†ตํ•ด ์„œ๋ฒ„ ์ปค๋„์—์„œ์˜ ํ”„๋กœ์„ธ์Šค ๋ถ€ํ•˜๋ฅผ ์„ค๋ช… ํ•˜๊ณ  ์žˆ๋‹ค.

๋ฐ์ดํ„ฐ ๋ถ„์„๊ฐ€์˜ ์žฌ๋Šฅ๊ณผ ๋Šฅ๋ ฅ์น˜

  • ์žฌ๋Šฅ๊ณผ ๋Šฅ๋ ฅ์— ๋Œ€ํ•œ ๊ทธ ์• ๋งค๋ชจํ•จ์ด ๊ฐ€๋”์€ ๊ฐœ๋ฐœ์ž๋“ค์„ ๊ดด๋กญํžˆ๋Š”๋ฐ, ๋ฐ์ดํ„ฐ ๋ถ„์„๊ฐ€์˜ ๊ด€์ ์—์„œ์˜ ์žฌ๋Šฅ๊ณผ ๋Šฅ๋ ฅ์— ๊ด€ํ•œ ์ด์•ผ๊ธฐ๋„ ๋น„์Šทํ•œ ๋งฅ๋ฝ์ด๋ผ ๊ฐ€์ ธ์™”๋‹ค.

๐Ÿ’ปFront-End(JavaScript)

NAVER D2

  • ๋ ˆ๊ฑฐ์‹œ์™€ ์‹ ๊ทœ ํ”Œ๋žซํผ์„ ์–ด๋–ป๊ฒŒ ์„œ๋น„์Šค์— ๋…ธ์ถœ ์‹œํ‚ค๋Š”์ง€ ์ž˜ ๋‚˜์™€ ์žˆ๋Š”๋ฐ, React SSR ์ ์šฉ๋ณด๋‹ค ์‹ค๋ฌด์—์„œ ์–ด๋–ป๊ฒŒ ๋ ˆ๊ฑฐ์‹œ ์‹œ์Šคํ…œ๊ณผ ์‹ ๊ทœ ์‹œ์Šคํ…œ์„ ์šด์šฉํ•˜๋Š”์ง€๋ฅผ ๋ณด๋ฉด, ์‹ ์ž… ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋„์›€์ด ๋งŽ์ด ๋œ๋‹ค.

๊นŠ์€ ๋ณต์‚ฌ์™€ ์–•์€ ๋ณต์‚ฌ์— ๋Œ€ํ•œ ์‹ฌ๋„์žˆ๋Š” ์ด์•ผ๊ธฐ

  • ๊นŠ์€ ๋ณต์‚ฌ์™€ ์–•์€ ๋ณต์‚ฌ์— ๋Œ€ํ•ด ๊นŠ์ด ์žˆ๋Š” ๊ธ€๋กœ JS์™€ JSON์— ๋Œ€ํ•œ ์ŠคํŽ™ ์ด์•ผ๊ธฐ, ์ด์œ ์™€ ๋Œ€์•ˆ๊นŒ์ง€ ์ž์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•˜๊ณ  ์žˆ๋‹ค.

์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋ฅผ ๋Œ€ํ•˜๋Š” ๊ฐœ๋ฐœ์ž์˜ ์ž์„ธ

  • ์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ์˜ ๋ช…ํ™•ํ•œ ๋„ค์ด๋ฐ์„ ์ž˜ ์ •ํ•˜๋Š” ๊ฒƒ๋ถ€ํ„ฐ๊ฐ€ ์ •๋ง ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ ํ•œ๋‹ค. (๊ธฐ์™•์ด๋ฉด, ํŒ€๋‚ด์— ์ฝ”๋“œ ๋„ค์ด๋ฐ ๋ฃฐ์„ ์ •ํ•˜๋Š” ๊ฒƒ๋„ ๋ฐฉ๋ฒ•์ด ์•„๋‹๊นŒ? ์ƒ๊ฐ ํ•œ๋‹ค.)

์ฝ”๋“œ์Šคํ”ผ์ธ  88 - async await #1/2

  • Async / Await์˜ ๊ธฐ๋ณธ์ด ๋˜๋Š” Sync flow / Non-Blocking์— ๋Œ€ํ•˜์—ฌ ์ž์„ธํ•˜๊ฒŒ ํ•™์Šต ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฌผ๋ก , JS๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์•Œ์•„์•ผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋‹ค.

์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ณ , ์•„๋ฌด๊ฒƒ๋„ ์•ˆ ํ•˜๋Š” ๊ฒƒ์˜ ํž˜

  • ๊ฒฐ๊ตญ ์ง€์‹์„ ์Œ“์•„ ์ง€ํ˜œ๋กœ ์Šนํ™”์‹œํ‚ค๋Š” ๊ฒƒ์€ ์–ผ๋งˆ๋‚˜ ์–ด๋ ค์šด ์ผ์ธ๊ฐ€. ๋ˆ„๊ตฌ๋‚˜ ํˆฌ์ž๊ฐ€๊ฐ€ ๋  ์ˆ˜ ์žˆ์œผ๋‚˜, ์›Œ๋ Œ ๋ฒ„ํ•์€ ๋  ์ˆ˜ ์—†๋Š” ์ด์œ ๋Š” ์ง€ํ˜œ๋กœ์›€์˜ ์œ ๋ฌด์ด์ง€ ์•Š์„๊นŒ? ์‹ถ๋‹ค.

๋งํˆฌ์—๋„ ์ฟจํ†คยท์›œํ†ค์ด ์žˆ๋‹ค?

  • ๊ฒฐ๊ตญ, ์ผ ํ• ๋•Œ๋Š” ์ฟจํ†ค, ๊ทธ ์™ธ์—๋Š” ์›œํ†ค ๋งํˆฌ๋ฅผ ์“ฐ๋Š”๊ฒŒ ์ข‹์•„๋ณด์ด๋Š”๋ฐ, ์‰ฝ์ง€ ์•Š์€ ์ด์œ ๊ฐ€ ๋งํˆฌ๋Š” ์Šต๊ด€์ด๊ณ , ๋ฐ”๊พธ๊ธฐ๊ฐ€ ์–ด๋ ต๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ •๋‹ต๋„ ์—†๋‹ค.

์„ฑ๊ณต์ ์ธ ๋‚˜์ด ๋“ฆ๊ณผ ์‹คํŒจํ•œ ๋‚˜์ด ๋“ฆ

  • ๋‚˜์ด๋“ฆ์„ ์ค€๋น„ ํ•˜๋Š” ๊ฒƒ๋„ ์ค‘์š”ํ•˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋Š”๋ฐ, ์†Œ๊ฐœํ•œ ์ฑ…์„ ์ฝ์–ด๋ณด๋ฉด ๋„์›€์ด ์ข€ ๋ ๊นŒ?
๋ฐ˜์‘ํ˜•