๐ 2019.09.02 ~ 2019.09.08
๐ ๋ธ๋ก๊ทธ
- ์์์ฌ์ด๋๋์ JSConf Korea ๋ฐํ์๋ฃ ๋ฐ ๋ฐํ ํ๊ธฐ๊ธ.
- Mocha๋ผ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์คํ์์ค์ ๋ฉ์ธํ
์ด๋๋ก ํฉ๋ฅํ๋ฉด์ ๊ฒช์ ๊ท์คํ ๊ฒฝํ๋ค์ ๊ณต์ ํด์ฃผ์
จ๋ค.
- ๋๋ ์ด๋ฒ ์ฒซ JSConf Korea์์ ์งํ์ ๋งก๊ฒ๋์๋๋ฐ, ๋๋ถ์ ์์์ฌ์ด๋๋์ ํฌํจํด JSConf ๋ฐํ์ ๋ถ๋ค์ ๋ฐํ๋ฅผ ๋ฆฌํ์ค ๋ ์ผ์ฐ ๋ค์ ์ ์์๋ค.
- ํ์ฌ๊ฐ ๋๋๊ณ ์ ํํฐํํฐ ๋ ์์์ฌ์ด๋๋๊ณผ ๋ค๋ฅธ๋๋ผ JSConf ์ค๊ฑฐ๋์ด์ ๋ค๊ณผ๋ ์ด์ผ๊ธฐํ๊ณ , ๋๋ถ์ ์์ด๋๋ง ๋ง๋ค์ด๋๊ณ ์ํ๋ ํธ์ํฐ๋ ์์ํ๊ฒ ๋์๋ค..
- ํ์
์ด ํ๋ค์๋ ๋ค๊ฐ์ง ๊ฐ๋ฐ์์ ํน์ฑ๋ค์ ์ ๋ฆฌํ ๊ธ.
- ๋ค๊ฐ์ง๋
๋ฌด์ ์ ๊ฐ๋ฐ์
, ์์ ์ ์ฝ๋๋ฅผ ์ฌ๋ํ๋ ๊ฐ๋ฐ์
, ์ฃผ๋ฐฉ์ฅ ๊ฐ๋ฐ์
, ๊ณต์ ํ์ง ์๋ ๊ฐ๋ฐ์
์ด๋ค. ์ด ๊ธ์ด ๋ค ๋ง๋ ๋ด์ฉ์ด๋ผ๊ณ ํ ์ ์๊ฒ ์ง๋ง ์ฝ์ผ๋ฉด์ ๋๋ ์ด ์ค์ ํด๋น๋๋ ๊ฐ๋ฐ์๋ ์๋์ง ๋์๋ณด๊ฒ ๋์๋ค.
- CSS๋ก ํน์ ๋ฌธ์ ๋ฒ์์๋ง ๋ค๋ฅธ ํฐํธ๋ฅผ ์ ์ฉํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ค๋ช
ํ ๊ธ.
@fonc-face
์ unicode-range
์์ฑ์ผ๋ก ํน์ ๋ฌธ์ ๋ฒ์๋ฅผ ์ ์ธํ์ฌ ์ผ๋ถ ๋ฌธ์๋ง ๋ค๋ฅธ ํฐํธ๋ฅผ ์ ์ฉํ ์ ์๋ค.
- ํํธ ๊ฐ๋ ๋์์ด๋๋ถ๋ค๊ณผ ํ์
ํ๋ค๋ณด๋ฉด ์ด๋ฐ ์๊ตฌ์ฌํญ์ ๋ฐ์ ๋๊ฐ ์๋๋ฐ, ์ฝ๋๋ก๋ ๊ธ์ฒ๋ผ ๊ตฌํํ๋ฉด ๋์ง๋ง, Sketch๋ Figma๊ฐ์ ํด์์ ์ด๋ป๊ฒ ๋ฌธ์๋ง๋ค ๋ค๋ฅด๊ฒ ์ ์ฉํด์ ๋ง๋ค๊ณ ๊ณ์ ์ง๋ ๊ถ๊ธํ๋ค. (๋
ธ๊ฐ๋ค..?)
- ์คํ์์ค์ ๊ธฐ์ฌํ ๊ฒฝํ์ ํ ๋๋ก, ์(Why) ๊ธฐ์ฌํด์ผํ๋๊ฐ, ์ด๋ป๊ฒ(How) ๊ธฐ์ฌํ๋๊ฐ, ์ด๋ค(What) ํ๋ก์ ํธ์ ๊ธฐ์ฌํด์ผํ๋๊ฐ๋ฅผ ์ค๋ช
ํ๋ ๊ธ.
- ์๋
ํ๊ณ ๊ธ์์ ์ฌํด ๋ชฉํ ์ค ํ๋๊ฐ ๋ค๋ฅธ ์คํ์์ค ๋ ํฌ์ ์ฝ๋๋ก ์ปจํธ๋ฆฌ๋ทฐ์
ํ๊ธฐ ์๋๋ฐ, 9์์ด ๋ ์ง๊ธ๋ ์ฌ์ ํ, ์คํ์์ , ๋ฒ์ญ, ์์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํ๋ ๋ฐฐํฌ ์ธ์ ์ฝ๋๋ก ๊ธฐ์ฌํ ๊ฒฝํ์ด ์์ด์, ๋จ์ ๊ธฐ๊ฐ ๋ ๋
ธ๋ ฅํด์ผ๊ฒ ๋ค๋ ์๊ฐ์ด ๋ค์๋ค.
- Evan Moon๋์ ์ฑ
์ํํธ์จ์ด ์ฅ์ธ ์ฑ
ํ๊ธฐ๊ธ.
- ์์ง ์ฝ์ด๋ณด์ง ์์๋๋ฐ ๋๋ถ๋ถ ์ํํธ์จ์ด ๊ฐ๋ฐ์์ ๋ง์๊ฐ์ง์ ๋ํ ๋ด์ฉ์ธ ๋ฏํ๋ค. ์ฝ์ ์ฑ
๋ฆฌ์คํธ์ ๋ฉ๋ชจํด๋์๋ค. (์ธ์ ์ฝ์์ง๋..)
๐ฐ ๋ด์ค
- ํ์ด์ค๋ถ์ด ์ข์์ ๊ฐฏ์๋ฅผ ๋ ์ด์ ๋ณด์ฌ์ฃผ์ง ์์ ๊ฒ์ด๋ผ๊ณ ํ๋ค.
- ์ด๋ ์ ์ ๊ฐ ๋ค๋ฅธ ์ ์ ๋ฅผ ๋ถ๋ฌ์ํ๊ณ ์๊ธฐ์์ ์ ์๊พธ ๊ฒ์ดํ๋ ํ๋์ผ๋ก๋ถํฐ ๋ณดํธํ๊ธฐ ์ํจ์ด๋ผ๊ณ ํ๋ค.
- ์ธ์คํ๊ทธ๋จ์ ์ด ๊ธฐ๋ฅ์ ์บ๋๋ค, ๋ธ๋ผ์ง ๋ฑ 7๊ฐ ๊ตญ๊ฐ์์ ์ด๋ฏธ ํ
์คํธ ์ค์ด๋ผ๊ณ ํ๋ค.
- ํ์ด์ค๋ถ์ด ๋ฐ์ดํ
์๋น์ค๋ฅผ ์ถ์ํ๋ค๋ ๊ธฐ์ฌ.
- ๊ธฐ์ฌ์์๋ ํ์ด์ค๋ถ์ด ๊ฐ์ง๊ณ ์๋ ๊ฐ์ธ์ ๋ณด์ ๋ฐ์ดํฐ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก Tinder ๋ฑ ๋ค๋ฅธ ๋ฐ์ดํ
์ฑ๋ณด๋ค ํจ์ฌ ๊ด์ฌ์ฌ๋ ๋น์ทํ ์ฌ๋๋ค์ ๋์ฑ ์ ๋งค์นญํ ์ ์์ ๊ฒ์ด๋ผ๊ณ ํ๋ค.
- ํ๊ตญ์ ์ถ์๋์ง ์์๋ค.
- ์ ํ ๋ฎค์ง ๋ฒ ํ๋ฒ์ ์ด ์น ๋ฒ์ ์ผ๋ก ๊ณต๊ฐ๋์๋ค. beta.music.apple.com์ผ๋ก ์ ์ ๊ฐ๋ฅํ๋ค.
- ์์ง ๋ฒ ํ๋ฒ์ ์ด๋ผ ๊ทธ๋ฐ์ง ์ ํID ๋ก๊ทธ์ธ๋ ์๋๊ณ ์ค๋ฅ๊ฐ ๋ง๋ค. Ember.js์ jQuery๋ก ๋ง๋ค์ด์ง๊ฒ ๊ฐ๋ค.
๐น ์์
- HTTP 203 ์๋ฆฌ์ฆ ์์์ status code๊ฐ ์ ํํ 203์ธ์ง ๊ฝํธํํ๋ก ์ค๋ช
ํ๋ค.
- 3๋ถ์ง๋ฆฌ ์งง์ ์์์ด๋ผ HTTP Status Code๋ฅผ ์๋ค๋ฉด ์ฌ๋ฐ๊ฒ ๋ณผ ์ ์๋ ์์์ด๋ค. ์ด๋ฒ์ฃผ ์ถ์ฒ์์!
- ์ค๊ฐ์ ๋์ค๋ I'm a teapot์ด ์๊ถ. ๐คฃ
- JAM Stack์ ์ฃผ์ ๋ก ์ด์ผ๊ธฐํ๋ HTTP 203 ์๋ฆฌ์ฆ ์์.
๐ป ์คํ์์ค
- ์๋
๊ตฌ๊ธ์์ ๋ต์๋ ์ธํฐ๋ํฐ๋ธ ๋๋ฒจ๋กํผ ๊น์ข
๋ฏผ๋์ด ์์ด ์ถ์ฐ์ ๊ธฐ๋
์ผ๋ก ๋ง๋์ Leon Sans ํฐํธ.
- ์์ด ์ด๋ฆ์ ๋ฐ์ ๋ง๋์
จ๋ค๊ณ ํ๋ค. ์ฌ๋ฆฌ์ ์ง 3์ผ๋ง์ ์คํ 5์ฒ๊ฐ๋ฅผ ๋๊ฒผ๊ณ , ์ค๋(8์ผ) FWA Design Awards๋ ๋ฐ์ผ์
จ๋ค. (์กด๊ฒฝ..)
- ์ผ๋ฐ์ ์ธ ํฐํธ๊ฐ ์๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ ์บ๋ฒ์ค์ ์ฌ๋ฌ๊ฐ์ง ์ดํํธ๋ฅผ ์ค ์ ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ํํ๋ก ๋ง๋์
จ๋ค.
- ๊ณ ์ฑ๋ฅ Node.js Image Processing ๋ผ์ด๋ธ๋ฌ๋ฆฌ.
- ๋ด๋ถ์ ์ผ๋ก๋ C๋ก ์์ฑ๋ libvips๋ผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค๊ณ ํ๋ค.
- AWS์์ ์ ๊ณตํ๋ On-demand Lambda Image Resizing ์์ ๋ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค.
๐ ๊ทธ ์ธ ์ ์ฉํ ๋งํฌ
- Airbnb๋ TripAdvisor๊ฐ์ด ์ธ๊ตญ์ธ๋ค์ด ๋ ๋ง์ด ์ฐ๋ ํ๋ซํผ์์ ์ธ๊ตญ์ธ๋ค์ด ๋ฒ์ญ๊ธฐ๋ฅผ ๋๋ ค๋ ์์๋ณผ ์ ์๊ณ ํ๊ตญ์ธ๋ง ์ฝ์ ์ ์๋๋ก ๊ต๋ฌํ๊ฒ ๊ธ์๋ฅผ ์ถ๊ฐํ๊ฑฐ๋ ์์ด์ ์ฐ๋ ๋ฐฉ๋ฒ์ด ํ๋์ ์ด์๊ฐ ๋์์๋๋ฐ, ๋๊ตฐ๊ฐ ์ด๊ฑธ ์๋ํํด์ ๋ง๋ค์ด ๋์๋ค.
- ์ ์ธ๊ณ ์ง๊ตฌ์ ๋ ์จ๋ฅผ ์ค์๊ฐ์ผ๋ก ์๊ฐ์ ์ผ๋ก ํ์ธํ ์ ์๋ ์น์ฌ์ดํธ.
- ์ด๋ฒ์ฃผ ํํ ๋ง๋ง ๋๋ฌธ์ ํํ ์์น๋ฅผ ํ์ธํ๊ธฐ์ํด ๋ค์ ๋ค์ด๊ฐ๋ดค์๋๋ฐ, ์คํ์์ค์ด๋ฉฐ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋ค์ด์ก๊ณ , ์ฌ์ง์ด 6๋
์ ์ ๋ง๋ค์ด์ก๋ค๋๊ฒ ๋์ฑ ๋๋๋ค.
- ๊ตฌ๊ธ์์ ๊ณต๊ฐํ ๊ฐ๋ฐ์ ์ฝ๋๋ฆฌ๋ทฐ ๊ฐ์ด๋.
- ์์ง ๋ค ์ฝ์ด๋ณด์ง ์์๋๋ฐ ๋๊ตฐ๊ฐ ๋ฒ์ญ๋ ํด์ฃผ์
จ๋ค.
์ด๋ฒ์ฃผ๋ ๋ด์ฉ์ด ๋์ฑ ์ ์ฐฌ ๊ฒ ๊ฐ์์!
์๊ฐ๋ด์ ๋ค ์ฝ์ด ๋ณด๊ฒ ์ต๋๋ค!!