๐ 2019.09.16 ~ 2019.09.22
๐ ๋ธ๋ก๊ทธ
- Chrome 77๋ฒ์ ์ ์ถ๊ฐ๋ ๊ฒ๋ค์ ์ค๋ช
ํ๋ ๊ตฌ๊ธ ๋ธ๋ก๊ทธ ๊ธ.
- ๋น์ฐ ๊ฐ์ฅ ๊ธฐ๋ค๋ฆฌ๋ ๊ธฐ๋ฅ์ ๋ง์ ๊ฐ๋ฐ์๋ค์ด ๊ธฐ๋ค๋ฆฌ๋ Native lazy loading!
<img src="image.jpg" loading="lazy">
์ ๊ฐ์ ํํ๋ก ์ฌ์ฉํ ์ ์๊ณ , polyfill๋ ์๋ค.
- JSON ๋ฌธ๋ฒ์ด ์๋ฐ์คํฌ๋ฆฝํธ๋ณด๋ค ๋จ์ํ๊ธฐ ๋๋ฌธ์,
const data = { foo: 42, bar: 1337 };
๋ณด๋ค
const data = JSON.parse('{"foo":42,"bar":1337}');
๊ฐ ๋ ๋น ๋ฅด๋ค๊ณ ์ค๋ช
ํ๋ v8 ๋ธ๋ก๊ทธ ๊ธ.
- ์ค์ ๋ฒค์น๋งํน ๋น๊ต ๊ฒฐ๊ณผ๋ ์๋ค. ๋ค์ํ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์์ ์ฝ 1.5๋ฐฐ์์ 2๋ฐฐ๊น์ง ๋น ๋ฅด๋ค๋ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์ฌ์ค๋ค.
- ๊ฐ๋ฐ์ ๋จธํผ์ ๋ฒ์น์ด๋ผ๋ ์ฃผ์ ๋ก ์๊ถ๋จ๋์ด ์ฐ์ ์ฐ์ํํ์ ๋ค ๊ธฐ์ ๋ธ๋ก๊ทธ ๊ธ.
- ์๋ชป๋ ๊ฐ๋ฅ์ฑ์ด ์๋ค๋ฉด, ๊ผญ ์๋ชป๋๊ฒ ๋ง๋ จ์ด๋ ํญ์ ์ต์
์ ๊ฒฝ์ฐ์ ๋ฏธ๋ฆฌ๋ฏธ๋ฆฌ ๋๋นํ์๋ผ๋ ๊ฒ์ ๊ฐ์กฐํ๋ค.
- ์ด๋ฌํ ๋จธํผ์ ๋ฒ์น์ด ์ ์ฉ๋๋ ๊ฐ๋ฐํ ๋์ ์ํฉ๋ค์ ํ๋์ฉ ์์ ๋ก ๋ค์ด์ ์ค๋ช
ํด์ฃผ์
์ ์ ๋ง ์ฌ๋ฐ๊ฒ ์ ๋
ํ๋ค.
- 9์ 21์ผ, ๊ฐ์ด post-a-week ๋ชจ์์ ํ๊ณ ๊ณ์ GODORI๋๊ณผ ์ฒ์์ผ๋ก ํ๋ฃจ๋์ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ๋ด์ง๋ง๋ จ ํด์ปคํค์ด๋ผ๋ ํ์ฌ๋ฅผ ๊ธฐํํด์ ์งํํ๋ค.
- ํ์ดํผ์ปค๋ฅํธ์์ ํ์พํ ์ฅ์์ ์์ฌ๋ ์ง์ํด์ฃผ์
จ๋๋ฐ, ํ์ดํผ์ปค๋ฅํธ iOS ๊ฐ๋ฐ์์ด์ Haru๋๊ป์ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋ค๊ณ ๋ฐ๋ก ๋ค์๋ ํ๊ธฐ๊ธ๊น์ง ๊ณต์ ํด์ฃผ์
์ ๋๋ฌด ๊ฐ์ฌํ๋ค.
๐ฐ ๋ด์ค
- ์ด์ ๋
ธํธ์ฑ Notion์ Personal Plan์ ํ์๊ณผ ์ ์๋๋ค์ ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์๋ค๊ณ ํ๋ค.
- ์๋ ๋
ธํธ์ฑ์ ์ ํ ๊ธฐ๋ณธ ๋
ธํธ์ฑ์ ์ฐ๋ค๊ฐ ๋๋ ค์ ํ์ฌ๋ Bear๋ฅผ ์ฐ๊ณ ์๋๋ฐ, ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์๊ฒ ๋์ด์ Notion์ผ๋ก ๋์ด๊ฐ๊น ๊ณ ๋ฏผ ์ค์ด๋ค.
- Github๊ฐ ์ฝ๋ ๋ถ์ ํด์ธ Semmle์ ์ธ์ํ๋ค๊ณ ํ๋ค.
๐น ์์
- ์น ๊ฐ๋ฐ์๊ฐ ๋ฐฐ์์ผํ๋ 10๊ฐ์ง์ ๋ํด์ ์ด์ผ๊ธฐํ๋ Traversy Media์ฑ๋ ์์.
- HTML/CSS/JS, Git, Chrome Dev Tools, ํ
์คํธ์ฝ๋, REST API, Deployment ๋ฑ์ ์ด์ผ๊ธฐํ๋ค.
- ๋ฏธ๊ตญ์ํ 3๋
์ฐจ์ด์ ์น์ง๋์ด๋์ด ํด์ธ์ํํ๋๋ฐ ์ด๋ ค์ด ์ ์ ๋ํด์ ์ด์ผ๊ธฐํด์ฃผ์ ๋ค.
๐ป ์คํ์์ค
- ์ฌ๋ฌ๊ฐ์ง Git ๊ด๋ จ ํต๊ณ ์์น๋ค์ ๋ณผ ์ ์๋ cli ํด.
- MS์์ ๋ง๋ ligature ์ฝ๋ฉ ํฐํธ.
- ํญ์ Fira Code๋ง ์ฐ๋ค๊ฐ ํ๋ฒ ์ ์ฉํด๋ดค๋๋ฐ ์๊ฐ๋ณด๋ค ๋์์ง ์์์ ๊ณ์ ์ฐ๊ณ ์๋ค. ํญ์ด ์ฝ๊ฐ ์ข์ Fira Code ๋๋์ด ๋ ๋ค.
๐ ๊ทธ ์ธ ์ ์ฉํ ๋งํฌ
- ์์ ์ ์ ์ด๋์๋ ์ฌ์ด๋ํ๋ก์ ํธ ์์ด๋์ด์ธ๋ฐ ์๋น์ค๋ก ๋์๋ค.
- ํน์ ์น์ฌ์ดํธ URL๊ณผ Time Interval์ ์ ์ผ๋ฉด, ์ดํ์ ๊ทธ ํ์ด์ง์ ๋ณ๊ฒฝ์ด ์ผ์ด๋๋ฉด ๋ชจ๋ฐ์ผ ์๋ฆผ์ ๋ฐ์ ์ ์๋ ์๋น์ค์ด๋ค.
- ์๋ง ๋ฐฑ์๋์์ ๋ธ๋ผ์ฐ์ ๋ฅผ ์๋ฎฌ๋ ์ดํ
ํด์ ์คํฌ๋ฆฐ์ท ์ฐ๊ณ , ๊ทธ ์คํฌ๋ฆฐ์ท์ ๋น๊ตํด์ ๋ณ๊ฒฝ์ฌ๋ถ๋ฅผ ํ๋จํ์ง ์์๊น ์ถ๋ค.
- HTML ํ๊ทธ ์ฐธ๊ณ ์ฌ์ดํธ. ๋ชจ๋ HTML ํ๊ทธ๋ค์ด ์ ๋ ฌ๋์ด์๊ณ ํ๋์ ๋ณผ ์ ์์ด์ ๊ฐ๋ ์ ์ฉํ๊ฒ ์ฌ์ฉํ๋ค.
- ์ ์ฌ์ดํธ์ ์๋งคํ์ผ๋ก ๋ชจ๋ CSS ํ๋กํผํฐ๋ค์ ํ์ธํ ์ ์๋ค.
"The cost of parsing JSON" ์ด๊ฑฐ ๋ชฐ๋๋๋ฐ ใ ใ ๋น์ฐํ ์ ์๊ฐ ๋น ๋ฅผ ์ค ์์๋๋ฐ ํ์๊ฐ ๋น ๋ฅด๋ค๋ ์ถฉ๊ฒฉ..!!
Notion ์ผ๋ก ๋์ด๊ฐ์ ๋ ๊ณง ์กธ์ ์๋์ ๊ฐ์ง...!
์ ๋ง๋ค ์ ํดํ์์ด๋๊น ์ ๋ Notion ๋ฌด๋ฃ?? ํธ์ค์ค์
๊ทธ๋ ์ง๋ง ์ด๋ฏธ ๊ฒฐ์ ํ๊ณ ์๋ค์ใ ใ ใ