HTML๊ณผ CSS๋ฅผ ํ์ฉํด์ ์ฝํ ์ธ ๋ฅผ ์จ๊ธฐ๋ 10๊ฐ์ง ๋ฐฉ๋ฒ
๋ฆฌ์กํธ ๋ ๋๋ง ์ต์ ํํ๋ 8๊ฐ์ง ๋ฐฉ๋ฒ๊ณผ ๊ณ ์ฐฐ
React์ ์ฑ๋ฅ์ ์ต์ ํํ๋ 10๊ฐ์ง ๋ฐฉ๋ฒ
setState์ ๋์ ์๋ฆฌ, prevState
state ๋ณ๊ฒฝํจ์ ์ฌ์ฉํ ๋ ์ฃผ์์ : async
setState์ ๋น๋๊ธฐ ์ฒ๋ฆฌ๋ก ์ธํ ๋ฒ๊ทธ ํด๊ฒฐํ๊ธฐ
setState๊ฐ ๋ด ๋ง์์ฒ๋ผ ๋์ํ์ง ์๋ ์ด์ (feat.๋น๋๊ธฐ)
๋ถ๋ชจ๋์ ์ํ๋ฅผ ๋๋ ค์ฃผ๋ ๋ฐฉ๋ฒ
[React] ๋ผ์ฐํฐ(Router)์ ๋ ์ด์์(Layout) ์ชผ๊ฐ๊ธฐ
[๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ ] Outlet๊ณผ Layout์ ์ด์ฉํด ๋ผ์ฐํฐ ๊ด๋ฆฌ
useQuery(queryKey, queryFn[, options])
: GET
๐queryKey
: ์๋ต ๋ฐ์ดํฐ๋ฅผ ์บ์ํ ๋ ์ฌ์ฉํ Unique KeyqueryFn
: ์์ฒญ ์ํ์ ์ํ Promise ๋ฅผ ๋ฐํํ๋ ํจ์useMutation(mutationFn[, options])
: POST
PUT
DELETE
๐mutationFn
: Promise๋ฅผ ๋ฐํํ๋ ํจ์[์ ์ญ์ํ๊ด๋ฆฌ] Recoil
Recoil State(์ํ) ๊ด๋ฆฌ
Recoil์ ์ด์ฉํ ์์ฌ์ด ์ํ๊ด๋ฆฌ
Recoil ๋ก React ์ค๋ฝ๊ฒ ์ํ๊ด๋ฆฌํ๋๋ฒ
Recoil๋ก ์ํ๊ด๋ฆฌํ๊ธฐ(feat. SSR...)
Multi Themes ์ ์ฉ - Next.js
useEffect์ useLayoutEffect์ ์ฐจ์ด
Suspense๋ฅผ ์ด์ฉํ Skeleton ๊ตฌํ