๐Ÿ—“ 2019.06.10 ~ 2019.06.16


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

๐Ÿ‡ฐ๐Ÿ‡ท 2019๋…„๊ณผ ์ดํ›„ JavaScript์˜ ๋™ํ–ฅ - JavaScript(ECMAScript)

  • NAVER D2 Blog์— ์˜ฌ๋ผ์˜จ 2019๋…„๊ณผ ๊ทธ ์ดํ›„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ƒํƒœ๊ณ„์˜ ๋™ํ–ฅ์— ๋Œ€ํ•ด์„œ ์„ค๋ช…ํ•œ ๊ธ€.
  • ์ด 4ํŽธ์— ๊ฑธ์ณ์„œ ์—ฐ์žฌ๋  ์˜ˆ์ •์ธ๋ฐ ์ฒซํŽธ์€ TC39, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ‘œ์ค€, ๋ธŒ๋ผ์šฐ์ €์— ๋Œ€ํ•œ ๋‚ด์šฉ์ด๋‹ค. ๋‹ค์ŒํŽธ๋„ ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ React for Vue developers

  • ๋น„์Šทํ•œ ๊ฐœ๋…, ํ˜น์€ ๊ฐ™์€ ๋™์ž‘์„ ํ•˜๋Š” React, Vue์˜ ๊ฐ๊ฐ์˜ ์ฝ”๋“œ๋ฅผ ๊ตฌํ˜„ํ•ด ๋น„๊ตํ•ด๋†“์€ ๊ธ€.
  • ์ œ๋ชฉ์€ React for Vue developers ์ง€๋งŒ, Vue๋ฅผ ์จ๋ณด์ง€์•Š์€ React ๊ฐœ๋ฐœ์ž์—๊ฒŒ๋„ ์œ ์šฉํ•  ๊ฒƒ๊ฐ™๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ์™ธ์ฃผ ๋งก๊ธด ํ™ˆํŽ˜์ด์ง€, ์ž˜ ๋งŒ๋“ ๊ฑด๊ฐ€์š”?

  • ์›น์‚ฌ์ดํŠธ ์ œ์ž‘์˜๋ขฐ์‹œ ์ž˜ ๋งŒ๋“ค์–ด์ง„๊ฑด์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์—ฌ๋Ÿฌ ํ‰๊ฐ€์ง€ํ‘œ๋ฅผ ์ผ๋ฐ˜์ธ์˜ ์ž…์žฅ์—์„œ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์ž˜ ์„ค๋ช…ํ•ด๋†“์•˜๋‹ค.
  • ๋ฐ˜๋Œ€๋กœ ๋งํ•˜๋ฉด ๊ฐœ๋ฐœ์ž์ž…์žฅ์—์„œ๋Š” ์ด๋Ÿฌํ•œ ํ‰๊ฐ€์š”์†Œ๋“ค์„ ์ž˜ ๊ณ ๋ คํ•ด์„œ ๊ฐœ๋ฐœํ•˜๋ฉด ๋œ๋‹ค๋Š” ์ด์•ผ๊ธฐ.

๐Ÿ‡ฐ๐Ÿ‡ท CSS์˜ 7๊ฐ€์ง€ ๋‹จ์œ„ - rem, vh, vw, vmin, vmax, ex, ch

  • CSS์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” 7๊ฐ€์ง€ ๋‹จ์œ„์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋†“์€ ๊ธ€.

๐Ÿ‡ฐ๐Ÿ‡ท The State of React - Jared Palmer (@jaredpalmer) at @ReactEurope 2019

  • ReactEurope 2019 - The State of React ๋ผ๋Š” ์ปจํผ๋Ÿฐ์Šค ๋ฐœํ‘œ์˜์ƒ์„ ์งง๊ฒŒ ์š”์•ฝํ•ด๋†“์€ ๊ธ€.
  • React์— ๊ด€์‹ฌ์ด ์žˆ๋‹ค๋ฉด ์˜์ƒ์„ ๋ณด๋Š” ๊ฒƒ๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

๐Ÿ“ฐ ๋‰ด์Šค

๐Ÿ‡ฐ๐Ÿ‡ท ์•ผ๋†€์ž, 1.8์–ต ๋‹ฌ๋Ÿฌ ์‹œ๋ฆฌ์ฆˆD ํˆฌ์ž ์œ ์น˜โ€ฆโ€˜์œ ๋‹ˆ์ฝ˜โ€™ ์ง€์œ„ ๊ณต์‹ํ™”

  • ์•ผ๋†€์ž๊ฐ€ ์‹ฑ๊ฐ€ํฌ๋ฅด ํˆฌ์ž์ฒญ(GIC)๊ณผ ๋ถ€ํ‚นํ™€๋”ฉ์Šค๋กœ๋ถ€ํ„ฐ ์ด 1.8์–ต๋‹ฌ๋Ÿฌ ๊ทœ๋ชจ ํˆฌ์ž๋ฅผ ์œ ์น˜ํ•˜์—ฌ ๊ธฐ์—…๊ฐ€์น˜ 1์กฐ ์ด์ƒ ์œ ๋‹ˆ์ฝ˜ ๋Œ€์—ด์— ์˜ฌ๋ž๋‹ค๋Š” ๊ธฐ์‚ฌ.
  • TechCrunch ๊ธฐ์‚ฌ๋„ ์˜ฌ๋ผ์™”๋‹ค.

๐Ÿ“น ์˜์ƒ

๐Ÿ‡บ๐Ÿ‡ธ The universe in a single arrow: A live dive into the lambda calculus - Anjana Vakil | JSHeroes 2019 - [JSHeroes]

  • ์–ธ์ œ๋‚˜ ๋ฐœํ‘œ๊ฐ€ ์žฌ๋ฏธ์žˆ๋Š” Anjana Vakil์˜ lambda calculus์— ๊ด€ํ•œ ๋ฐœํ‘œ ์˜์ƒ. (์ถ”์ฒœ์˜์ƒ! ์ •๋ง ์‹ ๊ธฐ)
  • JS์˜ arrow function๋งŒ์„ ์ด์šฉํ•ด number, arithmetic, logic ๋“ฑ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ผ์ด๋ธŒ์ฝ”๋”ฉํ•œ๋‹ค!

๐Ÿ‡บ๐Ÿ‡ธ Fast and Beautiful Modern Image Delivery Techniques - [Coding Tech]

  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”ํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ์ปจํผ๋Ÿฐ์Šค ๋ฐœํ‘œ์˜์ƒ.
  • ์ตœ๊ทผ ๋ฐœํ‘œ์˜์ƒ์ด๋ผ Native Lazy Loading ์ด์•ผ๊ธฐ๋„ ๋‚˜์˜จ๋‹ค.

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

macos-touchid

  • Native MacOS TouchID Authentication์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Nodejs ๋ชจ๋“ˆ.

readme-md-generator

  • package.json์ด๋‚˜ git config ์ •๋ณด๋“ค์„ ๊ธฐ๋ฐ˜์œผ๋กœ READMEํŒŒ์ผ ์ƒ์„ฑ์„ ๋„์™€์ฃผ๋Š” cli ํˆด.
  • inquirer๋กœ ๋งŒ๋“ค์–ด์กŒ๋‹ค.

javascript-questions

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

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

๐Ÿ‡บ๐Ÿ‡ธ State of CSS 2019

  • State of JS 2019์˜ ์ž๋งค State of CSS Survey ๊ฒฐ๊ณผ ์‚ฌ์ดํŠธ.

๐Ÿ‡ฐ๐Ÿ‡ท ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 2019 ๊ฐœ๋ฐœ์ž ์„ค๋ฌธ์กฐ์‚ฌ ๋ฆฌํฌํŠธ

  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค์—์„œ ์ž‘๋…„ 12์›” ์ง„ํ–‰ํ•œ ๊ฐœ๋ฐœ์ž ์„ค๋ฌธ์กฐ์‚ฌ ๋ฆฌํฌํŠธ ์‚ฌ์ดํŠธ.

๐Ÿ‡บ๐Ÿ‡ธ cssfx.dev

  • ์œ ์šฉํ•œ css effect ๋“ค์„ ์ฝ”๋“œ๋ธ”๋ก๊ณผ ํ•จ๊ป˜ ๋ชจ์•„๋†“์€ ์‚ฌ์ดํŠธ.

๐Ÿ‡บ๐Ÿ‡ธ DesignSystemRepo

  • ์—ฌ๋Ÿฌ ๊ธฐ์—…์—์„œ ๊ณต๊ฐœํ•œ Design System ๋“ค์„ ํ•œ๋ฒˆ์— ๋ชจ์•„๋†“์€ ์‚ฌ์ดํŠธ.