๐Ÿ—“ 2019.10.07 ~ 2019.10.13


๐Ÿ“” ๋ธ”๋กœ๊ทธ

๐Ÿ‡ฐ๐Ÿ‡ท [๋ฒˆ์—ญ] useEffect ์™„๋ฒฝ ๊ฐ€์ด๋“œ

  • Dan abramov๊ฐ€ ์“ด ๊ธ€ A Complete Guide to useEffect์˜ ๋ฒˆ์—ญ๊ธ€.
  • ๊ต‰์žฅํžˆ ๊ธธ๊ธฐ๋„ํ•˜๊ณ  ์˜๋ฌธ ๋ธ”๋กœ๊ทธ ๊ธ€ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ํ•œ๊ธ€ ๋ธ”๋กœ๊ทธ ๊ธ€์— ๋น„ํ•ด ์ฝ๋Š” ์†๋„๊ฐ€ ์ ˆ๋ฐ˜ ์ •๋„ ๋ฐ–์— ์•ˆ๋˜์–ด์„œ ์‹œ๊ฐ„๋‚˜๋ฉด ์ฝ์–ด์•ผ์ง€.. ํ•˜๋ฉด์„œ ๋ฏธ๋ฃจ๋‹ค๊ฐ€ ๊ณ„์† ๋ชป ์ฝ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๋ฒˆ์—ญํ•ด์ฃผ์‹  ๋•๋ถ„์— ์ˆ˜์›”ํ•˜๊ฒŒ ์ •๋…ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ๋ฒˆ์—ญ๋„ ๊ต‰์žฅํžˆ ๊น”๋”ํ•˜๊ณ  ์ž˜ ์ฝํžŒ๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ์•„ํ‹€๋ผ์‹œ์•ˆ ์ทจ์—…ํ›„๊ธฐ

  • ํ˜ธ์ฃผ ์‹œ๋“œ๋‹ˆ์˜ ์•„ํ‹€๋ผ์‹œ์•ˆ ๋ณธ์‚ฌ์— ๊ฐœ๋ฐœ์ž๋กœ ์ทจ์—…ํ•˜์‹  ๋ถ„์ด ์“ฐ์‹  ํ›„๊ธฐ๊ธ€.
  • ๋ฆฌ์ฟ ๋ฅดํ„ฐ์™€์˜ ์—ฐ๋ฝ๋ถ€ํ„ฐ 3์ฐจ๋ฉด์ ‘, ํ•ฉ๊ฒฉ๊นŒ์ง€์˜ ๊ณผ์ •์ด ์–ด๋• ๋Š”์ง€ ์ž˜ ์„ค๋ช…๋˜์–ด์žˆ๋‹ค. ์ด๋Ÿฐ ๊ฒฝํ—˜ ํ›„๊ธฐ๊ธ€์€ ์ •๋ง ๊ฐ’์ง„ ์ •๋ณด๋“ค์ธ ๊ฒƒ ๊ฐ™๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท [๊ผฐ๋Œ€๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ด์•„์˜จ์ด์•ผ๊ธฐ#1~4]

  • ๊ผฐ๋Œ€๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ด์•„์˜จ ์ด์•ผ๊ธฐ ์‹œ๋ฆฌ์ฆˆ 4ํŽธ.
  • ๊ฐœ๋ฐœ์ž์˜ ๋ฉด์ ‘, ์›Œ๋ผ๋ฐธ, ์ทจ์—…, ๋…์„œ์— ๋Œ€ํ•ด์„œ ์ด์•ผ๊ธฐํ•˜๋Š”๋ฐ ๊ต‰์žฅํžˆ ์ข‹์€ ๊ธ€์ด๋‹ค. ์•ž์œผ๋กœ๋„ ์‹œ๋ฆฌ์ฆˆ๊ฐ€ ๊ณ„์† ์˜ฌ๋ผ์˜ฌ ๊ฒƒ ๊ฐ™๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Top-level await

  • V8 ์—”์ง„ ๋ธ”๋กœ๊ทธ์— ์˜ฌ๋ผ์˜จ ํ˜„์žฌ Stage 3์— ์žˆ๋Š” Top-level await์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๋Š” ๊ธ€.
  • Top-level await๋Š” ์ด๋ฆ„ ๊ทธ๋Œ€๋กœ async ํ•จ์ˆ˜๋กœ ๊ฐ์‹ธ์ง€ ์•Š๊ณ ๋„ ์ตœ์ƒ์œ„ ์Šค์ฝ”ํ”„์—์„œ await๋ฌธ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค. Use case๊นŒ์ง€ ๋ณด๊ธฐ ์‰ฝ๊ฒŒ ์ •๋ฆฌ๋˜์–ด ์žˆ๋‹ค.

๐Ÿ“ฐ ๋‰ด์Šค

๐Ÿ‡บ๐Ÿ‡ธ Appleโ€™s MacOS Catalina is now available

  • MacOS Catalina ๊ฐ€ ์ •์‹ ์ถœ์‹œ๋˜์—ˆ๋‹ค.
  • OS์ž์ฒด ๋ฒ„๊ทธ๋‚˜ 32๋น„ํŠธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ง€์› ๋ฌธ์ œ ๋•Œ๋ฌธ์— ์—…๋ฐ์ดํŠธํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ๋กค๋ฐฑํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ๊ฝค ๋งŽ์€ ๊ฒƒ ๊ฐ™์€๋ฐ, ๋‚˜๋Š” ์•„์ง ์—…๋ฐ์ดํŠธ ์ดํ›„ ๋ฌธ์ œ ์—†์ด ์ž˜ ์‚ฌ์šฉ์ค‘์ด๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Grammarly raises $90M at over $1B+ valuation for its AI-based grammar and writing tools

  • Chrome Extension์œผ๋กœ๋งŒ ์ •๋ง ์ž˜ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” Grammarly๊ฐ€ 10์–ต๋‹ฌ๋Ÿฌ ์ด์ƒ์˜ ๊ธฐ์—…๊ฐ€์น˜๋ฅผ ํ‰๊ฐ€๋ฐ›์œผ๋ฉฐ 9000๋งŒ ๋‹ฌ๋Ÿฌ ๊ทœ๋ชจ ํˆฌ์ž๋ฅผ ๋ฐ›์•˜๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Facebookโ€™s Libra Association crumbling as Visa, Mastercard, Stripe, and others exit

  • Facebook์ด ์ฃผ๋„ํ•˜๋Š” ์•”ํ˜ธํ™”ํ Libra ํ˜‘ํšŒ์—์„œ Visa, Mastercard, Stripe, eBay, Mercado Pago ํšŒ์‚ฌ๋“ค์ด ๋Œ€๊ฑฐ ํƒˆํ‡ดํ–ˆ๋‹ค.

๐Ÿ“น ์˜์ƒ

๐Ÿ‡บ๐Ÿ‡ธ (18:45) [React Live 2019] 9. Lydia Hallie - Advanced React Trivia - [Frontend Love]

  • Lydia Hallie์˜ React Live 2019 ๋ฐœํ‘œ ์˜์ƒ.
  • Kahoot์ด๋ผ๋Š” ์‹ค์‹œ๊ฐ„ ํ€ด์ฆˆ ๊ฒŒ์ž„ ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•ด JS, React ๊ด€๋ จ ํ€ด์ฆˆ๋ฅผ ๋‚ด๊ณ  ์ด์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ฐœํ‘œํ•œ๋‹ค.

๐Ÿ’ป ์˜คํ”ˆ์†Œ์Šค

react-useanimations

  • useanimations์˜ React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฒ„์ „.

baseui

  • Uber์—์„œ ๋งŒ๋“  React Component Library.
  • Payment Card๋‚˜ Pin Code ๋“ฑ ๊ต‰์žฅํžˆ ๋‹ค์–‘ํ•œ ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์žˆ๊ณ , ๋‹คํฌํ…Œ๋งˆ๋„ ์ง€์›ํ•œ๋‹ค.

unistore

  • Preact ๊ฐœ๋ฐœ์ž Jason Miller๊ฐ€ ๋งŒ๋“  React์™€ Preact์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์ž‘์€ ํฌ๊ธฐ์˜ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ.

๐Ÿ”— ๊ทธ ์™ธ ์œ ์šฉํ•œ ๋งํฌ

๐Ÿ•ท AnyPicker

  • Visual Web Crawler Extension.
  • ์›น์‚ฌ์ดํŠธ์— ๋ฐ์ดํ„ฐ๋“ค์„ ํด๋ฆญ ๋ช‡๋ฒˆ์œผ๋กœ ์—‘์…€ํ˜•ํƒœ์˜ ๋ฐ์ดํ„ฐ๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ํฌ๋กฌ ์ต์Šคํ…์…˜.

๐ŸŽจ Design System for Developers

  • Storybook์—์„œ ๋งŒ๋“  ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ๋””์ž์ธ ์‹œ์Šคํ…œ ๊ฐ€์ด๋“œ.
  • Introduction๋ถ€ํ„ฐ Conclusion๊นŒ์ง€ ๋‚ด์šฉ์ด ๋ฐฉ๋Œ€ํ•˜๋‹ค.