Slides and long-form research notes by yceffort โ deep dives into the frontend stack, presented one slide at a time.
๋งํฌ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ ์ ํ์์ ์ผ๋ก ์คํจ์จ์ด ๋์๊ฐ๋ถํฐ, ๋ฐํ์ ์ ํ์ด ๊ฐ๋ฆฌ๋ ๋ค ์ง์ , User-Agent์ ์ธ์ฝ๋ฉ, ์บ์ ์คํฌํผ๋, ํํธ์จ ์ญ์ฐ๊น์ง
์ฌ์ฉ์๊ฐ ์ค URL์ ์๋ฒ๊ฐ ๋์ ์ฌ๋ ์ผ์ ์ํ, ํ์ดํธ๋ฆฌ์คํธ๋ฅผ ๋ซ๋ ์ฐํ ์ฌ์ฏ ๊ฐ์ง์ ๊ทธ๊ฒ์ ๋ง๋ ๋ฐฉ์ด ์๋ฆฌ ๋ค์ฏ ๊ฐ
์๋ฒ ์ํ๋ผ๋ ๋ฌธ์ , useQuery์ ์ํ ๋ชจ๋ธ, staleTime๊ณผ gcTime โ ์บ์ ํญ๋ชฉ์ ์ผ์์ ๋ฐ๋ผ๊ฐ๋ react-query ๊ฐ์ 1๋ถ
QueryObserver ๊ตฌ๋ ๋ชจ๋ธ, structural sharing, HydrationBoundary โ ๋ด๋ถ ๋์์์ ์ค์ ํจ์ , SSR๊น์ง react-query ๊ฐ์ 2๋ถ
์ํ ๋จธ์ , ๋ง์ดํฌ๋กํ์คํฌ, ์ฒด์ด๋, ์กฐํฉ๊ธฐ, ์๋ฌ ์ฒ๋ฆฌ โ Promise์ ๋์ ์๋ฆฌ ์ ๋ฆฌ์ ์คํ ์์ ํด์ฆ
Relay ํ์ดํ๋ผ์ธ๋ถํฐ Debug ID, ๊ทธ๋ฃจํ ํด์, ์ด์ ๊ท์น๊น์ง โ ์๋ฒ์ ๋์ฐฉํ ์ด๋ฒคํธ๊ฐ ์ด์๊ฐ ๋๋ ๊ณผ์
