๐Ÿ—“ 2019.09.02 ~ 2019.09.08


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

๐Ÿ‡ฐ๐Ÿ‡ท JSConf Korea์—์„œ ๋ฐœํ‘œํ•œ "Lessons from maintaining Mocha, an open source project" ๋ฐœํ‘œ์ž๋ฃŒ

  • ์•„์›ƒ์‚ฌ์ด๋”๋‹˜์˜ JSConf Korea ๋ฐœํ‘œ์ž๋ฃŒ ๋ฐ ๋ฐœํ‘œ ํ›„๊ธฐ๊ธ€.
  • Mocha๋ผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜คํ”ˆ์†Œ์Šค์— ๋ฉ”์ธํ…Œ์ด๋„ˆ๋กœ ํ•ฉ๋ฅ˜ํ•˜๋ฉด์„œ ๊ฒช์€ ๊ท€์ค‘ํ•œ ๊ฒฝํ—˜๋“ค์„ ๊ณต์œ ํ•ด์ฃผ์…จ๋‹ค.
  • ๋‚˜๋Š” ์ด๋ฒˆ ์ฒซ JSConf Korea์—์„œ ์ง„ํ–‰์„ ๋งก๊ฒŒ๋˜์—ˆ๋Š”๋ฐ, ๋•๋ถ„์— ์•„์›ƒ์‚ฌ์ด๋”๋‹˜์„ ํฌํ•จํ•ด JSConf ๋ฐœํ‘œ์ž ๋ถ„๋“ค์˜ ๋ฐœํ‘œ๋ฅผ ๋ฆฌํ—ˆ์„ค ๋•Œ ์ผ์ฐ ๋“ค์„ ์ˆ˜ ์žˆ์—ˆ๋‹ค.
  • ํ–‰์‚ฌ๊ฐ€ ๋๋‚˜๊ณ  ์• ํ”„ํ„ฐํŒŒํ‹ฐ ๋•Œ ์•„์›ƒ์‚ฌ์ด๋”๋‹˜๊ณผ ๋‹ค๋ฅธ๋‚˜๋ผ JSConf ์˜ค๊ฑฐ๋‚˜์ด์ €๋“ค๊ณผ๋„ ์ด์•ผ๊ธฐํ•˜๊ณ , ๋•๋ถ„์— ์•„์ด๋””๋งŒ ๋งŒ๋“ค์–ด๋†“๊ณ  ์•ˆํ•˜๋˜ ํŠธ์œ„ํ„ฐ๋„ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค..

๐Ÿ‡ฐ๐Ÿ‡ท ํ˜‘์—…์ด ํž˜๋“ค์—ˆ๋˜ ๊ฐœ๋ฐœ์ž์˜ ํŠน์„ฑ

  • ํ˜‘์—…์ด ํž˜๋“ค์—ˆ๋˜ ๋„ค๊ฐ€์ง€ ๊ฐœ๋ฐœ์ž์˜ ํŠน์„ฑ๋“ค์„ ์ •๋ฆฌํ•œ ๊ธ€.
  • ๋„ค๊ฐ€์ง€๋Š” ๋ฌด์ ‘์  ๊ฐœ๋ฐœ์ž, ์ž์‹ ์˜ ์ฝ”๋“œ๋ฅผ ์‚ฌ๋ž‘ํ•˜๋Š” ๊ฐœ๋ฐœ์ž, ์ฃผ๋ฐฉ์žฅ ๊ฐœ๋ฐœ์ž, ๊ณต์œ ํ•˜์ง€ ์•Š๋Š” ๊ฐœ๋ฐœ์ž์ด๋‹ค. ์ด ๊ธ€์ด ๋‹ค ๋งž๋Š” ๋‚ด์šฉ์ด๋ผ๊ณ  ํ•  ์ˆœ ์—†๊ฒ ์ง€๋งŒ ์ฝ์œผ๋ฉด์„œ ๋‚˜๋„ ์ด ์ค‘์— ํ•ด๋‹น๋˜๋Š” ๊ฐœ๋ฐœ์ž๋Š” ์•„๋‹Œ์ง€ ๋Œ์•„๋ณด๊ฒŒ ๋˜์—ˆ๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ธ€์€ ๋…ธํ† ์‚ฐ์Šค, ์˜๋ฌธ/์ˆซ์ž๋Š” ๋‹ค๋ฅธ ํฐํŠธ๋กœ ํ•ด์ฃผ์„ธ์š”...๐Ÿ‘€ (feat. @font-face)

  • CSS๋กœ ํŠน์ • ๋ฌธ์ž ๋ฒ”์œ„์—๋งŒ ๋‹ค๋ฅธ ํฐํŠธ๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•œ ๊ธ€.
  • @fonc-face์— unicode-range ์†์„ฑ์œผ๋กœ ํŠน์ • ๋ฌธ์ž ๋ฒ”์œ„๋ฅผ ์„ ์–ธํ•˜์—ฌ ์ผ๋ถ€ ๋ฌธ์ž๋งŒ ๋‹ค๋ฅธ ํฐํŠธ๋ฅผ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
  • ํ•œํŽธ ๊ฐ€๋” ๋””์ž์ด๋„ˆ๋ถ„๋“ค๊ณผ ํ˜‘์—…ํ•˜๋‹ค๋ณด๋ฉด ์ด๋Ÿฐ ์š”๊ตฌ์‚ฌํ•ญ์„ ๋ฐ›์„ ๋•Œ๊ฐ€ ์žˆ๋Š”๋ฐ, ์ฝ”๋“œ๋กœ๋Š” ๊ธ€์ฒ˜๋Ÿผ ๊ตฌํ˜„ํ•˜๋ฉด ๋˜์ง€๋งŒ, Sketch๋‚˜ Figma๊ฐ™์€ ํˆด์—์„  ์–ด๋–ป๊ฒŒ ๋ฌธ์ž๋งˆ๋‹ค ๋‹ค๋ฅด๊ฒŒ ์ ์šฉํ•ด์„œ ๋งŒ๋“ค๊ณ  ๊ณ„์‹ ์ง€๋„ ๊ถ๊ธˆํ–ˆ๋‹ค. (๋…ธ๊ฐ€๋‹ค..?)

๐Ÿ‡ฐ๐Ÿ‡ท ์ฐจ๊ทผ์ฐจ๊ทผ ์˜คํ”ˆ์†Œ์Šค์— ๊ธฐ์—ฌํ•ด๋ณด๊ธฐ (๋™๊ธฐ๋ถ€์—ฌ ํŽธ)

  • ์˜คํ”ˆ์†Œ์Šค์— ๊ธฐ์—ฌํ•œ ๊ฒฝํ—˜์„ ํ† ๋Œ€๋กœ, ์™œ(Why) ๊ธฐ์—ฌํ•ด์•ผํ•˜๋Š”๊ฐ€, ์–ด๋–ป๊ฒŒ(How) ๊ธฐ์—ฌํ•˜๋Š”๊ฐ€, ์–ด๋–ค(What) ํ”„๋กœ์ ํŠธ์— ๊ธฐ์—ฌํ•ด์•ผํ•˜๋Š”๊ฐ€๋ฅผ ์„ค๋ช…ํ•˜๋Š” ๊ธ€.
  • ์ž‘๋…„ํšŒ๊ณ ๊ธ€์—์„œ ์˜ฌํ•ด ๋ชฉํ‘œ ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋‹ค๋ฅธ ์˜คํ”ˆ์†Œ์Šค ๋ ˆํฌ์— ์ฝ”๋“œ๋กœ ์ปจํŠธ๋ฆฌ๋ทฐ์…˜ํ•˜๊ธฐ ์˜€๋Š”๋ฐ, 9์›”์ด ๋œ ์ง€๊ธˆ๋„ ์—ฌ์ „ํžˆ, ์˜คํƒ€์ˆ˜์ •, ๋ฒˆ์—ญ, ์ž‘์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ•˜๋‚˜ ๋ฐฐํฌ ์™ธ์— ์ฝ”๋“œ๋กœ ๊ธฐ์—ฌํ•œ ๊ฒฝํ—˜์ด ์—†์–ด์„œ, ๋‚จ์€ ๊ธฐ๊ฐ„ ๋” ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

๐Ÿ‡ฐ๐Ÿ‡ท ๋‚˜๋Š” ์–ด๋–ค ๋งˆ์Œ์œผ๋กœ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๋งŒ๋“ค์–ด์•ผ ํ•˜๋Š”๊ฐ€

  • Evan Moon๋‹˜์˜ ์ฑ… ์†Œํ”„ํŠธ์›จ์–ด ์žฅ์ธ ์ฑ… ํ›„๊ธฐ๊ธ€.
  • ์•„์ง ์ฝ์–ด๋ณด์ง„ ์•Š์•˜๋Š”๋ฐ ๋Œ€๋ถ€๋ถ„ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ž์˜ ๋งˆ์Œ๊ฐ€์ง์— ๋Œ€ํ•œ ๋‚ด์šฉ์ธ ๋“ฏํ•˜๋‹ค. ์ฝ์„ ์ฑ… ๋ฆฌ์ŠคํŠธ์— ๋ฉ”๋ชจํ•ด๋‘์—ˆ๋‹ค. (์–ธ์ œ ์ฝ์„์ง€๋Š”..)

๐Ÿ“ฐ ๋‰ด์Šค

๐Ÿ‡ฐ๐Ÿ‡ท ์•ผ๋†€์ž, ๋ฐ์ผ๋ฆฌํ˜ธํ…” ์ธ์ˆ˜...๊ณ ๊ธ‰ํ˜ธํ…”ยท์‹๋‹น ์˜ˆ์•ฝ ์„œ๋น„์Šค๋กœ ํ™•์žฅ

๐Ÿ‡บ๐Ÿ‡ธ Now Facebook says it may remove Like counts

  • ํŽ˜์ด์Šค๋ถ์ด ์ข‹์•„์š” ๊ฐฏ์ˆ˜๋ฅผ ๋” ์ด์ƒ ๋ณด์—ฌ์ฃผ์ง€ ์•Š์„ ๊ฒƒ์ด๋ผ๊ณ  ํ•œ๋‹ค.
  • ์ด๋Š” ์œ ์ €๊ฐ€ ๋‹ค๋ฅธ ์œ ์ €๋ฅผ ๋ถ€๋Ÿฌ์›Œํ•˜๊ณ  ์ž๊ธฐ์ž์‹ ์„ ์ž๊พธ ๊ฒ€์—ดํ•˜๋Š” ํ–‰๋™์œผ๋กœ๋ถ€ํ„ฐ ๋ณดํ˜ธํ•˜๊ธฐ ์œ„ํ•จ์ด๋ผ๊ณ  ํ•œ๋‹ค.
  • ์ธ์Šคํƒ€๊ทธ๋žจ์€ ์ด ๊ธฐ๋Šฅ์„ ์บ๋‚˜๋‹ค, ๋ธŒ๋ผ์งˆ ๋“ฑ 7๊ฐœ ๊ตญ๊ฐ€์—์„œ ์ด๋ฏธ ํ…Œ์ŠคํŠธ ์ค‘์ด๋ผ๊ณ  ํ•œ๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Facebook Dating launches in the US, adds Instagram integration

  • ํŽ˜์ด์Šค๋ถ์ด ๋ฐ์ดํŒ… ์„œ๋น„์Šค๋ฅผ ์ถœ์‹œํ–ˆ๋‹ค๋Š” ๊ธฐ์‚ฌ.
  • ๊ธฐ์‚ฌ์—์„œ๋Š” ํŽ˜์ด์Šค๋ถ์ด ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๊ฐœ์ธ์ •๋ณด์™€ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ Tinder ๋“ฑ ๋‹ค๋ฅธ ๋ฐ์ดํŒ… ์•ฑ๋ณด๋‹ค ํ›จ์”ฌ ๊ด€์‹ฌ์‚ฌ๋‚˜ ๋น„์Šทํ•œ ์‚ฌ๋žŒ๋“ค์„ ๋”์šฑ ์ž˜ ๋งค์นญํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ๊ณ  ํ•œ๋‹ค.
  • ํ•œ๊ตญ์€ ์ถœ์‹œ๋˜์ง€ ์•Š์•˜๋‹ค.

๐Ÿ‡บ๐Ÿ‡ธ Apple Music launches a public beta on the web

  • ์• ํ”Œ ๋ฎค์ง ๋ฒ ํƒ€๋ฒ„์ „์ด ์›น ๋ฒ„์ „์œผ๋กœ ๊ณต๊ฐœ๋˜์—ˆ๋‹ค. beta.music.apple.com์œผ๋กœ ์ ‘์† ๊ฐ€๋Šฅํ•˜๋‹ค.
  • ์•„์ง ๋ฒ ํƒ€๋ฒ„์ „์ด๋ผ ๊ทธ๋Ÿฐ์ง€ ์• ํ”ŒID ๋กœ๊ทธ์ธ๋„ ์•ˆ๋˜๊ณ  ์˜ค๋ฅ˜๊ฐ€ ๋งŽ๋‹ค. Ember.js์™€ jQuery๋กœ ๋งŒ๋“ค์–ด์ง„๊ฒƒ ๊ฐ™๋‹ค.

๐Ÿ“น ์˜์ƒ

๐Ÿ‡บ๐Ÿ‡ธ (3:25) Butโ€ฆ why HTTP 203? - [Google Chrome Developers]

  • HTTP 203 ์‹œ๋ฆฌ์ฆˆ ์˜์ƒ์˜ status code๊ฐ€ ์™œ ํ•˜ํ•„ 203์ธ์ง€ ๊ฝํŠธํ˜•ํƒœ๋กœ ์„ค๋ช…ํ•œ๋‹ค.
  • 3๋ถ„์งœ๋ฆฌ ์งง์€ ์˜์ƒ์ด๋ผ HTTP Status Code๋ฅผ ์•ˆ๋‹ค๋ฉด ์žฌ๋ฐŒ๊ฒŒ ๋ณผ ์ˆ˜ ์žˆ๋Š” ์˜์ƒ์ด๋‹ค. ์ด๋ฒˆ์ฃผ ์ถ”์ฒœ์˜์ƒ!
  • ์ค‘๊ฐ„์— ๋‚˜์˜ค๋Š” I'm a teapot์ด ์••๊ถŒ. ๐Ÿคฃ

๐Ÿ‡บ๐Ÿ‡ธ (9:54) JAM Stack - HTTP 203 - [Google Chrome Developers]

  • JAM Stack์„ ์ฃผ์ œ๋กœ ์ด์•ผ๊ธฐํ•˜๋Š” HTTP 203 ์‹œ๋ฆฌ์ฆˆ ์˜์ƒ.

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

leonsans

  • ์ž‘๋…„ ๊ตฌ๊ธ€์—์„œ ๋ตˆ์—ˆ๋˜ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๋””๋ฒจ๋กœํผ ๊น€์ข…๋ฏผ๋‹˜์ด ์•„์ด ์ถœ์‚ฐ์„ ๊ธฐ๋…์œผ๋กœ ๋งŒ๋“œ์‹  Leon Sans ํฐํŠธ.
  • ์•„์ด ์ด๋ฆ„์„ ๋”ฐ์„œ ๋งŒ๋“œ์…จ๋‹ค๊ณ  ํ•œ๋‹ค. ์˜ฌ๋ฆฌ์‹ ์ง€ 3์ผ๋งŒ์— ์Šคํƒ€ 5์ฒœ๊ฐœ๋ฅผ ๋„˜๊ฒผ๊ณ , ์˜ค๋Š˜(8์ผ) FWA Design Awards๋„ ๋ฐ›์œผ์…จ๋‹ค. (์กด๊ฒฝ..)
  • ์ผ๋ฐ˜์ ์ธ ํฐํŠธ๊ฐ€ ์•„๋‹ˆ๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์บ”๋ฒ„์Šค์— ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์ดํŽ™ํŠธ๋ฅผ ์ค„ ์ˆ˜ ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ˜•ํƒœ๋กœ ๋งŒ๋“œ์…จ๋‹ค.

sharp

  • ๊ณ ์„ฑ๋Šฅ Node.js Image Processing ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ.
  • ๋‚ด๋ถ€์ ์œผ๋กœ๋Š” C๋กœ ์ž‘์„ฑ๋œ libvips๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ํ•œ๋‹ค.
  • AWS์—์„œ ์ œ๊ณตํ•˜๋Š” On-demand Lambda Image Resizing ์˜ˆ์ œ๋„ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

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

๐Ÿคช ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ ๋ฐฉํ•ด๊ธฐ

  • Airbnb๋‚˜ TripAdvisor๊ฐ™์ด ์™ธ๊ตญ์ธ๋“ค์ด ๋” ๋งŽ์ด ์“ฐ๋Š” ํ”Œ๋žซํผ์—์„œ ์™ธ๊ตญ์ธ๋“ค์ด ๋ฒˆ์—ญ๊ธฐ๋ฅผ ๋Œ๋ ค๋„ ์•Œ์•„๋ณผ ์ˆ˜ ์—†๊ณ  ํ•œ๊ตญ์ธ๋งŒ ์ฝ์„ ์ˆ˜ ์žˆ๋„๋ก ๊ต๋ฌ˜ํ•˜๊ฒŒ ๊ธ€์ž๋ฅผ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์„ž์–ด์„œ ์“ฐ๋Š” ๋ฐฉ๋ฒ•์ด ํ•œ๋™์•ˆ ์ด์Šˆ๊ฐ€ ๋˜์—ˆ์—ˆ๋Š”๋ฐ, ๋ˆ„๊ตฐ๊ฐ€ ์ด๊ฑธ ์ž๋™ํ™”ํ•ด์„œ ๋งŒ๋“ค์–ด ๋†“์•˜๋‹ค.

๐ŸŒ earth.nullscholl.net

  • ์ „์„ธ๊ณ„ ์ง€๊ตฌ์˜ ๋‚ ์”จ๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์‹œ๊ฐ์ ์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์›น์‚ฌ์ดํŠธ.
  • ์ด๋ฒˆ์ฃผ ํƒœํ’ ๋ง๋ง ๋•Œ๋ฌธ์— ํƒœํ’ ์œ„์น˜๋ฅผ ํ™•์ธํ•˜๊ธฐ์œ„ํ•ด ๋‹ค์‹œ ๋“ค์–ด๊ฐ€๋ดค์—ˆ๋Š”๋ฐ, ์˜คํ”ˆ์†Œ์Šค์ด๋ฉฐ ๋ฐ”๋‹๋ผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋งŒ๋“ค์–ด์กŒ๊ณ , ์‹ฌ์ง€์–ด 6๋…„์ „์— ๋งŒ๋“ค์–ด์กŒ๋‹ค๋Š”๊ฒŒ ๋”์šฑ ๋†€๋ž๋‹ค.

๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿ’ป Code Review Developer Guide

  • ๊ตฌ๊ธ€์—์„œ ๊ณต๊ฐœํ•œ ๊ฐœ๋ฐœ์ž ์ฝ”๋“œ๋ฆฌ๋ทฐ ๊ฐ€์ด๋“œ.
  • ์•„์ง ๋‹ค ์ฝ์–ด๋ณด์ง„ ์•Š์•˜๋Š”๋ฐ ๋ˆ„๊ตฐ๊ฐ€ ๋ฒˆ์—ญ๋„ ํ•ด์ฃผ์…จ๋‹ค.