๐Ÿ—“ 2019.09.16 ~ 2019.09.22


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

๐Ÿ‡บ๐Ÿ‡ธ What's New in Chrome 77 for Developers?

  • Chrome 77๋ฒ„์ „์— ์ถ”๊ฐ€๋œ ๊ฒƒ๋“ค์„ ์„ค๋ช…ํ•˜๋Š” ๊ตฌ๊ธ€ ๋ธ”๋กœ๊ทธ ๊ธ€.
  • ๋‹น์—ฐ ๊ฐ€์žฅ ๊ธฐ๋‹ค๋ฆฌ๋˜ ๊ธฐ๋Šฅ์€ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ๊ธฐ๋‹ค๋ฆฌ๋˜ Native lazy loading!
  • <img src="image.jpg" loading="lazy">์™€ ๊ฐ™์€ ํ˜•ํƒœ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ณ , polyfill๋„ ์žˆ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ The cost of parsing JSON

  • JSON ๋ฌธ๋ฒ•์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ณด๋‹ค ๋‹จ์ˆœํ•˜๊ธฐ ๋•Œ๋ฌธ์—,
    const data = { foo: 42, bar: 1337 };๋ณด๋‹ค
    const data = JSON.parse('{"foo":42,"bar":1337}'); ๊ฐ€ ๋” ๋น ๋ฅด๋‹ค๊ณ  ์„ค๋ช…ํ•˜๋Š” v8 ๋ธ”๋กœ๊ทธ ๊ธ€.
  • ์‹ค์ œ ๋ฒค์น˜๋งˆํ‚น ๋น„๊ต ๊ฒฐ๊ณผ๋„ ์žˆ๋‹ค. ๋‹ค์–‘ํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„์—์„œ ์•ฝ 1.5๋ฐฐ์—์„œ 2๋ฐฐ๊นŒ์ง€ ๋น ๋ฅด๋‹ค๋Š” ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ค€๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ๊ฐœ๋ฐœ์ž ๋จธํ”ผ์˜ ๋ฒ•์น™

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

๐Ÿ‡ฐ๐Ÿ‡ท [๋ฒˆ์—ญ] 10 Years of Git: An Interview with Git Creator Linus Torvalds

๐Ÿ‡ฐ๐Ÿ‡ท ๋‚ด์ง‘๋งˆ๋ จ ํ•ด์ปคํ†ค ํ›„๊ธฐ

  • 9์›” 21์ผ, ๊ฐ™์ด post-a-week ๋ชจ์ž„์„ ํ•˜๊ณ ๊ณ„์‹  GODORI๋‹˜๊ณผ ์ฒ˜์Œ์œผ๋กœ ํ•˜๋ฃจ๋™์•ˆ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“œ๋Š” ๋‚ด์ง‘๋งˆ๋ จ ํ•ด์ปคํ†ค์ด๋ผ๋Š” ํ–‰์‚ฌ๋ฅผ ๊ธฐํšํ•ด์„œ ์ง„ํ–‰ํ–ˆ๋‹ค.
  • ํ•˜์ดํผ์ปค๋„ฅํŠธ์—์„œ ํ”์พŒํžˆ ์žฅ์†Œ์™€ ์‹์‚ฌ๋„ ์ง€์›ํ•ด์ฃผ์…จ๋Š”๋ฐ, ํ•˜์ดํผ์ปค๋„ฅํŠธ iOS ๊ฐœ๋ฐœ์ž์ด์‹  Haru๋‹˜๊ป˜์„œ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค๊ณ  ๋ฐ”๋กœ ๋‹ค์Œ๋‚  ํ›„๊ธฐ๊ธ€๊นŒ์ง€ ๊ณต์œ ํ•ด์ฃผ์…”์„œ ๋„ˆ๋ฌด ๊ฐ์‚ฌํ–ˆ๋‹ค.

๐Ÿ“ฐ ๋‰ด์Šค

๐Ÿ‡บ๐Ÿ‡ธ Notionโ€™s powerful note-taking app is now free for students and teachers

  • ์ด์ œ ๋…ธํŠธ์•ฑ Notion์˜ Personal Plan์„ ํ•™์ƒ๊ณผ ์„ ์ƒ๋‹˜๋“ค์€ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค.
  • ์›๋ž˜ ๋…ธํŠธ์•ฑ์€ ์• ํ”Œ ๊ธฐ๋ณธ ๋…ธํŠธ์•ฑ์„ ์“ฐ๋‹ค๊ฐ€ ๋Š๋ ค์„œ ํ˜„์žฌ๋Š” Bear๋ฅผ ์“ฐ๊ณ ์žˆ๋Š”๋ฐ, ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์–ด์„œ Notion์œผ๋กœ ๋„˜์–ด๊ฐˆ๊นŒ ๊ณ ๋ฏผ ์ค‘์ด๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ GitHub acquires code analysis tool Semmle

  • Github๊ฐ€ ์ฝ”๋“œ ๋ถ„์„ ํˆด์ธ Semmle์„ ์ธ์ˆ˜ํ–ˆ๋‹ค๊ณ  ํ•œ๋‹ค.

๐Ÿ“น ์˜์ƒ

๐Ÿ‡บ๐Ÿ‡ธ (11:04) 10 Things All Web Developers Should Learn - [Traversy Media]

  • ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐฐ์›Œ์•ผํ•˜๋Š” 10๊ฐ€์ง€์— ๋Œ€ํ•ด์„œ ์ด์•ผ๊ธฐํ•˜๋Š” Traversy Media์ฑ„๋„ ์˜์ƒ.
  • HTML/CSS/JS, Git, Chrome Dev Tools, ํ…Œ์ŠคํŠธ์ฝ”๋“œ, REST API, Deployment ๋“ฑ์„ ์ด์•ผ๊ธฐํ•œ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ (6:09) ๋‚˜์ด๋“ค์–ด ํƒ€์ง€์ƒํ™œํ•˜๋Š”๋ฐ ์–ด๋ ค์šด์  ์ค‘ ํ•˜๋‚˜, ๋ฌธํ™”์ฐจ์ด์™€ ์ธ๊ฐ„๊ด€๊ณ„ - [์Šน์ง€๋‹ˆ์–ด]

  • ๋ฏธ๊ตญ์ƒํ™œ 3๋…„์ฐจ์ด์‹  ์Šน์ง€๋‹ˆ์–ด๋‹˜์ด ํ•ด์™ธ์ƒํ™œํ•˜๋Š”๋ฐ ์–ด๋ ค์šด ์ ์— ๋Œ€ํ•ด์„œ ์ด์•ผ๊ธฐํ•ด์ฃผ์‹ ๋‹ค.

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

gridsome

  • Gatsby์˜ Vue.js ๋ฒ„์ „.

git-quick-stats

  • ์—ฌ๋Ÿฌ๊ฐ€์ง€ Git ๊ด€๋ จ ํ†ต๊ณ„ ์ˆ˜์น˜๋“ค์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” cli ํˆด.

cascadia-code

  • MS์—์„œ ๋งŒ๋“  ligature ์ฝ”๋”ฉ ํฐํŠธ.
  • ํ•ญ์ƒ Fira Code๋งŒ ์“ฐ๋‹ค๊ฐ€ ํ•œ๋ฒˆ ์ ์šฉํ•ด๋ดค๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ๋‚˜์˜์ง€ ์•Š์•„์„œ ๊ณ„์† ์“ฐ๊ณ ์žˆ๋‹ค. ํญ์ด ์•ฝ๊ฐ„ ์ข์€ Fira Code ๋Š๋‚Œ์ด ๋“ ๋‹ค.

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

๐ŸŒŽ sken.io

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

๐Ÿ“„ htmlreference.io

  • HTML ํƒœ๊ทธ ์ฐธ๊ณ ์‚ฌ์ดํŠธ. ๋ชจ๋“  HTML ํƒœ๊ทธ๋“ค์ด ์ •๋ ฌ๋˜์–ด์žˆ๊ณ  ํ•œ๋ˆˆ์— ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ๊ฐ€๋” ์œ ์šฉํ•˜๊ฒŒ ์‚ฌ์šฉํ•œ๋‹ค.

๐Ÿ“„ cssreference.io

  • ์œ„ ์‚ฌ์ดํŠธ์™€ ์ž๋งคํ’ˆ์œผ๋กœ ๋ชจ๋“  CSS ํ”„๋กœํผํ‹ฐ๋“ค์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.