Browser 2
๋ธ๋ผ์ฐ์ ํญ ์ฌ์ด์์ ํต์ ํ๋ ๋ฐฉ๋ฒ
๋ธ๋ก๊ทธ ๋คํฌ๋ชจ๋ ์ง์์์ ๊ณ ๋ คํด๋ณด๊ฒ ์ต๋๋ค ๐ค
3๋ถํฌ๋กฌ์์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ก๋ฉ ์์
ํฌ๋กฌ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ก๋ฉํ๋ ์์
4๋ถdetached window๋ก ์ธํ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉ๋ชจ๋ฆฌ ๋์
๋ฉด์ ์์ ๋ค์๋ ๊ฑฐ์ง๊ฐ์ ์ง๋ฌธ์ ๋ํ ํด๋ต
20๋ถ์ฃผ์ ๋ ๋๋ง ๊ฒฝ๋ก - ๋ธ๋ผ์ฐ์ ์ ์๋ฆฌ๋ฅผ ์ดํดํ๊ณ ์ต์ ํ ํ๊ธฐ
[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์์ฝํ์ต๋๋ค. ์ด๊ธ์ ๋ณด๋๊ฒ ๋ ๋์์ ์ฌ์ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์ฑ...
13๋ถChrome Samesite ์ฟ ํค ์ ์ฑ
# ๋ฌธ์ ์ ์์ ์ง๋ ์ฃผ๋ง, ์์ฒญ๋๊ฒ ๊ธํ๊ฒ ๋น ๋ฅธ ์๋๋ก ํ๋ก์ ํธ๋ฅผ heroku์ ์ฌ๋ฆด ์ผ์ด ์์๋ค. DB๋ ์๋ก๋ง๋ค์ด์ผํ๊ณ , ๋ก๊ทธ์ธ๋ ํ์ํ ์ฌ์ดํธ๋ผ DB๋ Heroku์ Clean DB๋ฅผ, ๋ก๊ทธ์ธ์ [google sign-in for websites](https://developers.google.com/identity/sign-in/web)์ ์ฌ์ฉํ...
9๋ถ์๋ฐ์คํฌ๋ฆฝํธ์ ์ด๋ฒคํธ๋ฃจํ, ํ์คํฌ, ๊ทธ๋ฆฌ๊ณ ๋ง์ดํฌ๋ก ํ์คํฌ
## ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋จ์ผ ์ค๋ ๋ ๊ธฐ๋ฐ์ ์ธ์ด ์๋ฐ์คํฌ๋ฆฝํธ๋ '๋จ์ผ ์ค๋ ๋' ๊ธฐ๋ฐ์ ์ธ์ด๋ค. ์ฆ, ์ค๋ ๋๊ฐ ํ๋์ด๊ธฐ ๋๋ฌธ์ ๋์์ ํ๋์ ์์ ๋ง ์ฒ๋ฆฌํ ์ ์๋ค. ๊ทธ๋ฌ๋ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ ์ฌ์ฉ๋๋ ์น์ ๊ณฐ๊ณฐํ ์๊ฐํด๋ณด๋ฉด ๋์์ ์ฌ๋ฌ๊ฐ์ ์์ ์ ์ฒ๋ฆฌํ๋ ๋ชจ์ต์ ๋ณผ ์ ์๋ค. ์ค๋ ๋๊ฐ ํ๋์ธ ์๋ฐ์คํฌ๋ฆฝํธ๋ ๋์์ฑ์ ์ด๋ป๊ฒ ์ฒ๋ฆฌํ ๊น? ๋จผ์ ๋ธ๋ผ์ฐ์ ๊ตฌ๋ํ๊ฒฝ์ ์ดํด๋ณด...
5๋ถ๋ธ๋ผ์ฐ์ ๋ ์ด๋ป๊ฒ ๋์ํ๋๊ฐ? - ๋ชจ๋ ์น๋ธ๋ผ์ฐ์ ๊ฐ ๋์ํ๋ ๋ฐฉ๋ฒ
### ๐ง์์ฑ์ค ๐ง [์๋ฌธ-How Browsers Work: Behind the scenes of modern web browsers](https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/) > ์ด ๊ธ์ ์์ฝ/๋ฒ์ญํ ๋ ์ข์ ๊ธ์ด [๋ค์ด๋ฒ d2](https://d2.naver.com/...
20๋ถjavascript event bubbling & capturing
 ## Javascript Event Capturing https://codepen.io/yceffort/pen/GbVaaY Event Capturing์ ํน์ ์์์์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ์ ๋, ์ต์์ ์์์์ ๋ถํฐ ์ด๋ฒคํธ๋ฅผ ํ...
2๋ถ