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

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

seungdols 2020. 9. 7. 20:09

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

[๋งˆํ‹ด ํŒŒ์šธ๋Ÿฌ] ์†Œํ”„ํŠธ์›จ์–ด ์•„ํ‚คํ…์ณ์˜ ์ค‘์š”์„ฑ (ํ•œ๊ธ€ ์ž๋ง‰)

  • ์˜์ƒ์„ ๋ณด๋ฉด์„œ ๊ฒฐ๊ตญ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์žฅ๊ธฐ์ „์ธ ๊ด€์ ์ด๋‹ค. ๋‚ด๋ถ€ ํ’ˆ์งˆ๊ณผ ์™ธ๋ถ€ ํ’ˆ์งˆ, ๊ทธ๋ฆฌ๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค ์‚ฌ์ด์˜ ๊ณต์œ , ๊ทธ๋ฆฌ๊ณ  ํ™•๋ฆฝ๋œ ์ŠคํŽ™์ •์˜์„œ ์ด ๋ชจ๋“  ๊ฒƒ์ด ์†Œํ”„ํŠธ์›จ์–ด์˜ ์ „๋ถ€์ด๊ตฌ๋‚˜ ์‹ถ์—ˆ๋‹ค.

์›”๊ฐ„ ๊ฐœ๋ฐœ์ž์Šค๋Ÿฝ๋‹ค #58

  • ์›”๊ฐ„ ๊ฐœ๋ฐœ์ž์Šค๋Ÿฝ๋‹ค 8์›”ํ˜ธ์ธ๋ฐ, 8์›”๊ฐ„์˜ ๊ธ€ํƒ€๋ž˜๋“ค์ด ๋ชจ์—ฌ์žˆ๋‹ค. ๋งŒ์•ฝ, ๋†“์นœ ๊ธ€๋“ค์ด ์žˆ๋‹ค๋ฉด, ์ฝ์–ด๋ณด์ž.

(๊ธด๊ธ€์ฃผ์˜) ์ขŒ์ถฉ์šฐ๋Œ Mazassumnida ๊ฐœ๋ฐœ๊ธฐ

  • ๋ฐฉํ•™ ๋•Œ์ž„์—๋„ ์—ด์‹ฌํžˆ ๊ฐœ๋ฐœ ์ž‘์—…์„ ํ•˜์‹  ๋ถ„์˜ ๊ฒฝํ—˜ ํ›„๊ธฐ์ธ๋ฐ, ์ฝ์–ด๋ณด๋ฉด ์žฌ๋ฐŒ๊ณ , SVG์˜ ๋‹ค์ฑ„๋กœ์›€์— ๋งค๋ฃŒ ๋  ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๋‹ค. ๐Ÿ‘๐Ÿป

์บ์‹œ ์„ฑ๋Šฅ ํ–ฅ์ƒ๊ธฐ (Improving Cache Speed at Scale) : TOAST Meetup

  • redis ์บ์‹œ ์„ฑ๋Šฅ ํ–ฅ์ƒ์— ๋Œ€ํ•œ ์˜์ƒ์„ ๋ณด๊ณ  ์ •๋ฆฌ ํ•ด์ฃผ์…จ๋Š”๋ฐ, ์ •๋ง ์‰ฝ๊ณ  ์ž์„ธํ•˜๊ฒŒ ๋‚จ๊ฒจ ์ฃผ์…จ๋‹ค. (debouce๋ฅผ ๋„์ž… ํ•˜๋Š” ๊ฑด ์ •๋ง ์ƒˆ๋กœ์› ๋‹ค.)

๋ฐ์ดํ„ฐ ์•„ํ‚คํ…์ฒ˜์˜ ๋ณ€ํ™”

  • ๋ฐ์ดํ„ฐ ์•„ํ‚คํ…์ฒ˜์— ๋ณ€ํ™”๋ฅผ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ํ‘œํ˜„ ํ•˜๊ณ  ์žˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ, AWS๊ธฐ๋ฐ˜์ด๋ผ ๋‹ค์†Œ ์ข€ ์•„์‰ฌ์šด ๋ถ€๋ถ„์€ AWS๋ฅผ ์•ˆ์“ฐ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์กฐ๊ธˆ ๊ถ๊ธˆ ํ–ˆ๋‹ค.

์‹œ๋‹ˆ์–ด ๊ฐœ๋ฐœ์ž์ฒ˜๋Ÿผ VSCode ์‚ฌ์šฉํ•˜๊ธฐ

  • ์œ ์šฉํ•œ ๊ธฐ๋Šฅ ์†Œ๊ฐœ์™€ ์Šค๋‹ˆํŽซ ์‚ฌ์šฉ๋ฒ•์„ ์•Œ๋ ค์ฃผ๋Š”๋ฐ, ๊ต‰์žฅํ•œ ๋„์›€์ด ๋œ๋‹ค. ์Šค๋‹ˆํŽซ์„ ์—ด์‹ฌํžˆ ์จ๋ด์•ผ๊ฒ ๋‹ค.

๐Ÿ’ปFront-End

2020-08-31: Firefox 80, D3.js 6.0.0, Chrome 85, Puppeteer & Playwright

  • ์ •๋ง ๋‹ค์–‘ํ•˜๊ณ  ์–‘์งˆ์˜ JavaScript๊ด€๋ จ ๊ธ€๋“ค์„์†Œ๊ฐœ ํ•˜๊ณ  ์žˆ๋‹ค. ํŠนํžˆ,puppeteer, playwright๋ฅผ ์œ„ํ•œ root-cause๋ผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ƒˆ๋กœ ํƒœ์–ด๋‚ฌ๋Š”๋ฐ, ๋ฌธ์„œ๊ฐ€ ์•„์ง ์—†์–ด์„œ ์ข€ ์•„์‰ฝ๊ธด ํ–ˆ๋‹ค. ๊ทธ ์™ธ ๋ฌธ์„œ๋„ ์ฐธ๊ณ ํ•ด๋ณด๋ฉด ์ข‹๊ฒ ๋‹ค.

๊ฐœ์ธ ๋น„ ํ”„๋ฆฌ๋กœ๋”ฉ๊ณผ ํ”„๋ฆฌํŒจ์น˜

  • ํ”„๋ฆฌํŒจ์น˜, ํ”„๋ฆฌ๋กœ๋”ฉ ๊ทธ๋ฆฌ๊ณ  ๊ฐœ์ธ ๋น„์—์„œ๋Š” ๋ฌด์—‡์„ ์‚ฌ์šฉํ•˜๋Š”์ง€ ์ƒ์„ธํ•˜๊ฒŒ ์„ค๋ช… ํ•˜๊ณ  ์žˆ๋‹ค.

๊ฐœ์ธ ๋น„์˜ ์ด๋ฏธ์ง€ ์ฒ˜๋ฆฌ ๋ฐฉ์‹

  • ๊ฐœ์ธ ๋น„์—์„œ ์ด๋ฏธ์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌ ํ•˜๋Š”์ง€์— ๋Œ€ํ•œ ์„ค๋ช…์ด ์ž์„ธํ•˜๊ฒŒ ์ˆ˜๋ก ๋˜์–ด ์žˆ๋‹ค.

NAVER D2

  • wasm์— ๋Œ€ํ•ด ์ž์„ธํ•˜๊ฒŒ ์†Œ๊ฐœํ•˜๋Š” ๊ธ€์ด๋‹ค. ๊ด€๋ จ๋œ ์•„ํ‹ฐํด์€ ๋งํฌ๋„ ์ถ”๊ฐ€ ๋˜์–ด ์žˆ์–ด์„œ ๊ด€์‹ฌ์ด ์žˆ๋‹ค๋ฉด, ๋”ฐ๋ผ๊ฐ€๋ฉฐ ์ฝ์–ด ๋ณด๋Š” ๊ฒƒ๋„ ์ข‹์•„๋ณด์ธ๋‹ค.

๐Ÿ› Tool

Vimac - ํ‚ค๋ณด๋“œ๋กœ๋งŒ macOS ์‚ฌ์šฉํ•˜๊ธฐ | GeekNews

  • Vimium์€ ํฌ๋กฌ ํ™•์žฅ ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ํฌ๋กฌ ์•ˆ์—์„œ vi editor์ฒ˜๋Ÿผ ์“ธ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ๊ทธ๋Ÿฐ๋ฐ, ์œ„์˜ ์•ฑ์€ ๋งฅ ์ „์ฒด์—์„œ vi ์ฒ˜๋Ÿผ ์“ธ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค. (์ƒ๋‹นํžˆ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ๋†’๋‹ค.)

๐Ÿ™Œ๐Ÿป์ผ๋ฐ˜์ ์ธ

์–ด๋„๋น„ ํ”Œ๋ž˜์‹œ, ์—ฃ์ง€ ๋ธŒ๋ผ์šฐ์ €์—์„œ๋„ "๊ตฟ๋ฐ”์ด"

  • ์–ด๋„๋น„ ํ”Œ๋ž˜์‹œ๊ฐ€ ์ด์ œ๋Š” ์—ฃ์ง€์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋œ๋‹ค. ๊ธฐ์–ต ์†์˜ ๋’ค์•ˆ๊ธธ๋กœ ์‚ฌ๋ผ์ง€๋Š” ๊ธฐ์ˆ ์ด ๋˜์—ˆ๋‹ค. ๋งˆ์‹œ๋กœ๋งˆ๋กœ์™€ ์กธ๋ผ๋งจ๋“ฑ ํ•œ๋•Œ๋Š” ์ •๋ง ์žฌ๋ฐŒ์—ˆ๋˜ ๊ธฐ์–ต์ด ์žˆ์—ˆ๋‹ค. ๊ทธ๋•Œ๋Š” ์•„๋งˆ ์ด๋ ‡๊ฒŒ JavaScript๊ฐ€ ๋Œ€์ธ๊ธฐ๊ฐ€ ๋œ๋‹ค๊ณ ๋Š” ๋ชฐ๋ž๊ฒ ์ง€?

๋ ˜์ˆ˜๋ฉด์ด ์งง์œผ๋ฉด ์ˆ˜๋ช…๋„ ์งง์•„์ง„๋‹ค?

  • ์ˆ˜๋ฉด์˜ ๋‹จ๊ณ„๋Š” ๋ ˜์ˆ˜๋ฉด๊ณผ ๋…ผ๋ ˜์ˆ˜๋ฉด์˜ ์Šค์œ„์นญ์œผ๋กœ ๋ฐ˜๋ณต ๋˜๋ฉฐ ์ˆ˜๋ฉด์„ ์ทจํ•˜๊ฒŒ ๋˜๋Š”๋ฐ, ๋…ผ๋ ˜์ˆ˜๋ฉด์˜ ๋‹จ๊ณ„๊ฐ€ ๊ธธ์–ด์•ผ ๋ชธ์˜ Refresh๊ฐ€ ๋˜๋ฉฐ, ๋‡Œ์˜ ์„ธํฌ์—๋„ ์˜ํ–ฅ์„ ๋ฏธ์นœ๋‹ค. ๊ทธ๋ ‡๊ฒŒ ์ž์„ธํ•œ ๊ธ€์€ ์•„๋‹ˆ์ง€๋งŒ, ๊ฒฐ๊ตญ ๊ฑด๊ฐ•์ด ์ข‹์•„์ง€๋Š” ๋ฐฉ๋ฒ•์€ ์ž ์„ ์ž˜ ์ž๋Š” ๊ฒƒ์ด๊ณ , ์ž ์„ ์ž˜ ์ž๋ ค๋ฉด, ๊ฑด๊ฐ• ํ•ด์•ผ ํ•œ๋‹ค...? ํŠนํžˆ, ์ •์‹ ์ ์ธ ํ‰์˜จํ•จ์ด ์žˆ์–ด์•ผ ํ•œ๋‹ค๊ณ  ํ•œ๋‹ค. ์ž ๋“ค๊ธฐ ์ „์— ๊ผญ!!! ํ•ธ๋“œํฐ์„ ๋ฉ€๋ฆฌํ•˜๊ณ  ์งง๊ฒŒ๋ผ๋„ ๋ช…์ƒ์„ ํ•˜๊ณ  ์ž ๋“ค์ž. ํ˜น์€ ์ฑ…์„ ์ฝ์ž!

๊ฒฝ์ฒญ์˜ ์ˆ˜์ค€์„ 3๋‹จ๊ณ„๋กœ ๋‚˜๋ˆ ๋ณด์•˜๋‹ค

  • ์ ์  ๋” ๊ฒฝ์ฒญ์˜ ํƒœ๋„๊ฐ€ ์ค‘์š”ํ•œ ์„ธ์ƒ์ด ๋˜์—ˆ๋‹ค. ์‚ฌ๋žŒ๋“ค์€ ๋งŒ๋‚˜์„œ ๋ณดํ†ต ๊ฐ์ž ํœด๋Œ€ํฐ์„ ํ•˜๋Š” ์‹œ๊ฐ„์ด ์žˆ์„๋•Œ๊ฐ€ ์žˆ๋Š”๋ฐ, ์ด๋Ÿด๋•Œ๊ฐ€ ๋‚˜๋Š” ๊ต‰์žฅํžˆ ๊ดด๋กญ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€๋ฅผ ๋งŒ๋‚˜์„œ๋„ ํœด๋Œ€ํฐ์„ ๋ด์•ผ ํ•œ๋‹ค๋‹ˆ...๐Ÿ˜‚ ๊ฒฐ๊ตญ, ์ ์  ์‹œ๋Œ€๋Š” ํœด๋Œ€ํฐ ์•ˆ์— ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.
๋ฐ˜์‘ํ˜•