React Native์ ๋ํด์
ํฌ๋ก์ค ํ๋ซํผ ๋ชจ๋ฐ์ผ ์ฑ ๊ฐ๋ฐ ํ๋ ์์ํฌ React Native์ ๋ํด ์์๋ณด์.
๋ธ๋ก๊ทธ
CORS ์๋ฌ์ ๋ํด์
Cross-Origin Resource Sharing(CORS)์ ์๋ฌ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด์.
Storybook์ ๋ํด์
UI ์ปดํฌ๋ํธ ๊ฐ๋ฐ ๋๊ตฌ Storybook์ ๋ํด ์์๋ณด์.
CSS ์๋ ์ฃผ์ ์ด ๊ฐ๋ฅํ Toast ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ๋ฐ๊ธฐ
ํ๋ ์์ํฌ์ ๋ฌด๊ดํ๊ฒ ์ฌ์ฉํ ์ ์๋ Toast ์๋ฆผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๊ฐ๋ฐ
์ฌํ ๋ฆฌ๋ทฐ ์ฌ์ดํธ ๊ฐ๋ฐ๊ธฐ (Next.js + Supabase)
๋ด๊ฐ ๊ฐ๋ค์จ ์ฌํ์ ๊ธฐ๋กํ๊ณ ์ถ์ ์๋ค์ ์ฌ์ดํธ ์ ์
TanStack React Query ํต์ฌ ๊ฐ์ด๋
useQuery/useMutation, ํค ์ค๊ณ, staleTime/gcTime, ๋ฌดํจํ, SSR Hydration
REST API ์ค๊ณ ๊ฐ์ด๋
๋ฆฌ์์ค ๋ชจ๋ธ๋ง, ์๋ํฌ์ธํธ/๋ฉ์๋, ๋ฉฑ๋ฑ์ฑ, ์๋ฌ/๋ณด์, ์ํ ์ฝ๋ ์์ธ
React ์ํ ๊ด๋ฆฌ ๊ธฐ์ด: useState/useReducer/Context์ ์๋ฒ ์ํ ๊ตฌ๋ถ
ํด๋ผ์ด์ธํธ/์๋ฒ ์ํ ๊ตฌ๋ถ, useStateยทuseReducerยทContext ํ์ฉ๊ณผ ์ฑ๋ฅ ํ
Jest ํ ์คํธ ํ๋ ์์ํฌ ์์ ๊ฐ์ด๋
JavaScript/TypeScript ์ฝ๋ ํ ์คํธ๋ฅผ ์ํ Jest ๊ธฐ์ด๋ถํฐ ์ค์ ๊น์ง
๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๋ฅ๋ค์ด๋ธ: DOM๋ถํฐ ํ๋ ์๊น์ง
๋ ๋๋ง ํ์ดํ๋ผ์ธ, CRP, ๋ ์ด์์/ํ์ธํธ/ํฉ์ฑ, React ํ์ด๋๋ ์ด์ , Web Vitals, ์ต์ ํ ์ ๋ต
Git ๊ธฐ์ด ๊ฐ์ด๋: ๋ธ๋์น ์ ๋ต๋ถํฐ ๋๋๋ฆฌ๊ธฐ๊น์ง
๋ถ์ฐ ๋ฒ์ ๊ด๋ฆฌ ๊ธฐ๋ณธ ๊ฐ๋ , ์์ฃผ ์ฐ๋ ๋ช ๋ น, ๋ธ๋์น ์ ๋ต, ์ถฉ๋/๋๋๋ฆฌ๊ธฐ ์ค๋ฌด ํ
CSR vs SSR: ์ธ์ , ์ ์ ํํ ๊น?
CSR/SSR์ ์๋ฆฌ์ ์ฅ๋จ์ , Next.js์์์ ์ค์ ์ ํ ๊ฐ์ด๋
React์ DOM์ ๋ํด์
React์ VirtualDOM์ ๋ํด์ ์์๋ณด์.
HTML์ ๊ธฐ๋ณธ ๊ตฌ์กฐ์ ๋ํด์
HTML์ ๊ธฐ๋ณธ ๊ตฌ์กฐ์ ์ฃผ์ ํ๊ทธ๋ค์ ๋ํด ์์๋ณด์.