๐Ÿ—“ 2019.07.29 ~ 2019.08.04


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

๐Ÿ‡บ๐Ÿ‡ธ Fetching Data in React using React Async

  • ๋น„๋™๊ธฐ ๋ฐ์ดํ„ฐ fetch๋ฅผ ์œ„ํ•œ react-async๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๋Š” ๊ธ€.
  • HOCํ˜•ํƒœ์™€ hooksํ˜•ํƒœ ๋ชจ๋‘ ์ง€์›ํ•˜๋Š”๋ฐ ์—ญ์‹œ hooks๊ฐ€ ๋” ๊น”๋”ํ•ด๋ณด์ธ๋‹ค.
  • react-apollo์ฒ˜๋Ÿผ { data, error, isLoading } ํ˜•ํƒœ์˜ ๊ฐ์ฒด๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Oโ€™Reilly publishes Modern Web Development on the JAMstack

  • 7์›” 31์ผ Netlify์™€ O'Reilly์—์„œ JAMStack๊ด€๋ จ 127ํŽ˜์ด์ง€ ๋ถ„๋Ÿ‰์˜ ์ฑ…์„ ์˜จ๋ผ์ธ์— ๋ฌด๋ฃŒ๋กœ ๋ฐฐํฌํ–ˆ๋‹ค.
  • eBook์€ ์ด ๋งํฌ์—์„œ ์ด๋ฉ”์ผ๋กœ ๋ฐ›์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ, pdf๋งํฌ๊ฐ€ ๊ณต๊ฐœ๋˜์–ด์žˆ์–ด ์—ฌ๊ธฐ์—์„œ ๋ฐ”๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ์˜คํ”ˆ์†Œ์Šค๋ฅผ ๊ธˆ์ง€๋‹นํ•œ ์‚ฌ๋žŒ๋“ค์˜ ๋ชธ๋ถ€๋ฆผ

  • Github์˜ ์ด๋ž€, ์‹œ๋ฆฌ์•„, ๋ถํ•œ, ์ฟ ๋ฐ” ๊ฐœ๋ฐœ์ž ์ œ์žฌ์™€ ๊ด€๋ จํ•œ ๋‚ด์šฉ์„ ๋ฐ•์ฐฝ์ฃผ๋‹˜๊ป˜์„œ ์ •๋ฆฌํ•ด์ฃผ์…จ๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท 2019๋…„๊ณผ ์ดํ›„ JavaScript์˜ ๋™ํ–ฅ - ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”„๋ ˆ์ž„์›Œํฌ 1

  • NAVER D2 Blog์— ์˜ฌ๋ผ์˜จ 2019๋…„๊ณผ ๊ทธ ์ดํ›„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ƒํƒœ๊ณ„์˜ ๋™ํ–ฅ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•œ ๊ธ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”„๋ ˆ์ž„์›Œํฌ 1ํŽธ.
  • ์ด๋ฒˆํŽธ์—์„œ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ 3๋Œ€์žฅ React, Vue, Angular ์˜ ์ตœ๊ทผ ์—…๋ฐ์ดํŠธ ๋™ํ–ฅ์— ๋Œ€ํ•ด ์ƒ์„ธํ•˜๊ฒŒ ์ ์–ด์ฃผ์…จ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Weekly Platform News: Preventing Image Loads with the Picture Element, the Web We Want, Svg Styles Are Not Scoped

  • CSS์—†์ด <picture> ํƒœ๊ทธ์™€ <source> ํƒœ๊ทธ์— media ์†์„ฑ์œผ๋กœ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

๐Ÿ“ฐ ๋‰ด์Šค

๐Ÿ‡ฐ๐Ÿ‡ท [์ทจ์žฌ์ˆ˜์ฒฉ] ์˜คํ”ˆ์†Œ์Šค ์ƒํƒœ๊ณ„์— SKT๊ฐ€ ๋˜์ง„ ๋Œ๋งน์ด

  • ์ด๋ฒˆ์ฃผ ๊ฐ€์žฅ ํฐ ์ด์Šˆ์˜€๋˜ SKT์˜ Github Star ๋งˆ์ผ€ํŒ… ์‚ฌ๊ฑด์— ๋Œ€ํ•œ ๊ธฐ์‚ฌ.
  • ๋‚˜๋„ ์ด๋ฒคํŠธ๊ฐ€ ์‹œ์ž‘๋œ 25์ผ ์ง€์ธ์—๊ฒŒ ์ด๋ฒคํŠธ๋ฅผ ๊ณต์œ ๋ฐ›๊ณ  '์™€ ์ด์   Github Star๋ฅผ ์œ„ํ•ด ์ด๋ ‡๊ฒŒ ๋งˆ์ผ€ํŒ…๊นŒ์ง€ ํ•˜๋Š”๊ตฌ๋‚˜' ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค.
  • ๋ถ€๋„๋Ÿฝ์ง€๋งŒ ๋‚˜๋„ ์Šคํƒ€๋ฒ…์Šค ํ•œ์ž”์— ๋ˆˆ์ด ๋ฉ€์–ด Star๋ฅผ ํŒ”์•˜์—ˆ๋Š”๋ฐ ๋ฐ˜์„ฑ์ค‘์ด๋‹ค. ๐Ÿ˜‚

๐Ÿ‡บ๐Ÿ‡ธ Cloud-based design tool Figma launches plug-ins


๐Ÿ“น ์˜์ƒ

๐Ÿ‡บ๐Ÿ‡ธ (10:44) 10 Tips For Starting & Creating Side Projects - [Traversy Media]

  • ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹œ์ž‘ํ•˜๊ธฐ ์œ„ํ•œ 10๊ฐ€์ง€ ํŒ์„ ์†Œ๊ฐœํ•˜๋Š” ์˜์ƒ.
  • ๊ณต๊ฐ๋˜๊ณ  ๋„์›€๋˜๋Š” ํŒ๋“ค์ด ๋งŽ์•„์„œ ์ฃผ๋ง์— ๊ธ€๋กœ ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค. (๋งํฌ)

๐Ÿ‡ฐ๐Ÿ‡ท (17:07) [10๋ถ„ ํ…Œํฌํ† ํฌ] ๐Ÿ™‹โ€โ™‚๏ธ์ œ์ด์˜ ์‹œ๊ฐ„๋ณต์žก๋„ - [์šฐ์•„ํ•œTech]

  • ์‹œ๊ฐ„๋ณต์žก๋„์— ๊ด€ํ•œ ์šฐ์•„ํ•œ ํ…Œํฌํ† ํฌ ๋ฐœํ‘œ์˜์ƒ.
  • ๋ฐœํ‘œ๋„ ์ž˜ํ•˜์‹œ๊ณ  ์ฒญ์ค‘์ด ํฅ๋ฏธ๋กœ์šธ๋งŒํ•œ ๋น„์œ ๋กœ ์‰ฝ๊ฒŒ ์„ค๋ช…์„ ์ž˜ํ•ด์ฃผ์‹ ๋‹ค.

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

learn-regex

  • ์ •๊ทœํ‘œํ˜„์‹์„ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•œ repo. ๋ฒˆ์—ญ๋„ ์žˆ๋‹ค.

mattermost-server

  • ์˜คํ”ˆ์†Œ์Šค ์„ค์น˜ํ˜• ์Šฌ๋ž™. ์Šค์Šค๋กœ Open Source Slack Alternative ๋ผ๊ณ  ๋งˆ์ผ€ํŒ…ํ•œ๋‹ค.
  • ์Šฌ๋ž™์˜ UI์™€ ๊ฑฐ์˜ 90% ์œ ์‚ฌํ•˜๋‹ค.

diabloweb

  • ๋””์•„๋ธ”๋กœ1์„ ์›น์—์„œ ํ”Œ๋ ˆ์ด๊ฐ€๋Šฅํ•˜๋‹ค. https://d07riv.github.io/diabloweb/์—์„œ ํ”Œ๋ ˆ์ด ๊ฐ€๋Šฅ.
  • ์—ญ์‹œ WASM์„ ์ด์šฉํ•ด์„œ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๊ตฌ๋™๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ค์—ˆ๋‹ค๊ณ  ํ•œ๋‹ค. ์ถฉ๊ฒฉ..

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

๐Ÿ’ก ideaswatch.com

  • ์‚ฌ์ด๋“œํ”„๋กœ์ ํŠธ๋‚˜ ์Šคํƒ€ํŠธ์—… ๊ด€๋ จ ์•„์ด๋””์–ด๋ฅผ ์˜ฌ๋ฆฌ๊ณ  ๊ณต์œ ํ•˜๋Š” ์‚ฌ์ดํŠธ.
  • ๋งŽ์€ ํˆฌํ‘œ๋ฅผ ๋ฐ›์€ ์•„์ด๋””์–ด๊ฐ€ ์ƒ๋‹จ์— ๋…ธ์ถœ๋œ๋‹ค.

๐Ÿ“Š The State of Developer Ecosystem 2019

  • Jetbrains์—์„œ ๋งค๋…„ ์ง„ํ–‰ํ•˜๋Š” ๊ฐœ๋ฐœ์ž ์•ฝ 7000๋ช… ๋Œ€์ƒ ๊ฐœ๋ฐœ์ž ์ƒํƒœ๊ณ„ ์กฐ์‚ฌ์ž๋ฃŒ. 2019๋…„ ๋ฒ„์ „.

๐Ÿ“ markdium.dev

  • markdown์œผ๋กœ Medium์— ๊ธ€์„ ์˜ฌ๋ฆด ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค.
  • ์›๋ž˜ Velog์— ์˜ฌ๋ฆฌ๋Š” ๊ธ€์„ markdowntomedium์ด๋ผ๋Š” ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•ด์„œ Medium์—๋„ ๊ฐ™์ด ์˜ฌ๋ฆฌ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ, ์–ด๋Š์ˆœ๊ฐ„๋ถ€ํ„ฐ ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์•„์„œ Medium์€ ๊ธ€ ์—…๋กœ๋“œ๋ฅผ ์ค‘๋‹จํ–ˆ์—ˆ๋Š”๋ฐ, ์ด ์„œ๋น„์Šค๋กœ ๋‹ค์‹œ ์˜ฌ๋ฆฌ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.
  • markdown์˜ ํ…Œ์ด๋ธ”๊ฐ™์€ ํŠน์ˆ˜ํ•œ ํ˜•ํƒœ๋ฅผ ์ œ์™ธํ•˜๊ณ ๋Š” ๊ฑฐ์˜ Medium์œผ๋กœ ๊น”๋”ํ•˜๊ฒŒ ๋ณ€ํ™˜์ด ๋œ๋‹ค.