์ฌ์ฉ์ ์ค์ฌ์ ๊ฐ์น๋ฅผ ๊ตฌํํ๋ ๊ฐ๋ฐ์ ๊น์ง์์ ๋๋ค. ๋ณต์กํ ๊ฐ๋ ์ ์ฌ๋ ์๊ฒ ์ดํดํ๊ณ , ์ด๋ฅผ ์ค์ ํ๋ก์ ํธ์ ์ ์ฉํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐ ๊ฐ์ ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ์ถ์์ ์ธ ์์ด๋์ด๋ฅผ ๊ตฌ์ฒดํํ์ฌ ๋ง์ ์ฌ๋๋ค์ด ๊ณต๊ฐํ ์ ์๋ ๊ฐ์น๋ฅผ ๋ง๋ค์ด๋ด๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค.
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ฃผ๋ก ํ๋ฉฐ, React, TypeScript, UI/UX ๋์์ธ ์์น ๋ฑ์ ๋ค๋ฃจ๊ณ ์์ต๋๋ค. ๊ฐ๋ฐ์ ๊ฒฝํ๊ณผ ์ฌ์ฉ์ ๊ฒฝํ์ ๋์์ ๊ณ ๋ คํ์ฌ, ์ฑ๋ฅ ์ต์ ํ, ์ฝ๋ ๊ฐ์ , ๋ชจ๋ํ ๋ฑ์ ์ค์ ์ ์ผ๋ก ์์ ํฉ๋๋ค.
๋ค์ํ ๊ฐ๋ฐ ๊ฒฝํ์ ๋ฐํ์ผ๋ก ์ฌ๋ฌ ๊ฐ๋ ์ ๊ธ๋ก ์ ๋ฆฌํ๊ณ , ์ด๋ฅผ ๋๋๊ณ ์์ต๋๋ค. ์ฃผ๋ก React, State Management, ๋น๋๊ธฐ ์ฒ๋ฆฌ, ์น ์ฑ๋ฅ ์ต์ ํ ๋ฑ ๋ค์ํ ์ฃผ์ ๋ฅผ ๋ค๋ฃจ๊ณ ์์ต๋๋ค.
- ๋ฐ์ํ ๋น๋์ค ํ๋ ์ด์ด ๊ตฌํ: ํจ๋ฉ ํ ๊ธฐ๋ฒ - ํจ๋ฉ ํ ๊ธฐ๋ฒ์ ํ์ฉํ ๋น๋์ค ํ๋ ์ด์ด ๊ตฌํ
- ์ค์๊ฐ ์คํธ๋ฆฌ๋ฐ ์ดํดํ๊ธฐ - ์ค์๊ฐ ์คํธ๋ฆฌ๋ฐ์ ํ๋กํ ์ฝ๊ณผ ์๋ฆฌ
- VSCode ์ปค์คํ ์ค๋ํซ์ผ๋ก ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ์๋ ์์ฑํ๊ธฐ - VSCode ์ค๋ํซ์ ํ์ฉํ ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ์๋ ์์ฑ
- ๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ ์ 1๋ถ: ๋ธ๋ผ์ฐ์ ๋ ๋๋ง ๋ฐฉ์๊ณผ JSX - ๋ฆฌ์กํธ์ ๋ ๋๋ง ๋ฐฉ์๊ณผ JSX ์ดํดํ๊ธฐ
- ๋ฆฌ์กํธ ๋ฅ๋ค์ด๋ธ ์ 2๋ถ: Virtual DOM์ ๋์ด์ - React์ Fiber์ Reconciliation - React์ Fiber์ Reconciliation ๊ณผ์ ์ดํด
- React์์์ ๋ฆฌ๋ ๋๋ง๊ณผ ์ปดํฌ๋ํธ์ ๋์ผ์ฑ ์ดํดํ๊ธฐ - ๋ฆฌ๋ ๋๋ง์ ์๋ฆฌ์ ์ปดํฌ๋ํธ ๋์ผ์ฑ ํ์
- ๋ณต์กํ ํผ์ ๋จ์ํ๊ฒ ๋ง๋ค์ด ์ค ๋ฆฌ์กํธ ํ ํผ - React Hook Form์ ํ์ฉํ ํผ ๊ด๋ฆฌ ์ต์ ํ
- React Hook Form: ํผ ์ํ ๊ด๋ฆฌ์ ํจ๋ฌ๋ค์ ์ ํ - React Hook Form์ ํตํ ํผ ์ํ ๊ด๋ฆฌ ํ์
- Zod์์์ ์๋ฌ ๋ฐ์ด๋๋ฆฌ ๊ตฌํํ๊ธฐ - Zod๋ฅผ ํ์ฉํ ์๋ฌ ๋ฐ์ด๋๋ฆฌ ์ฒ๋ฆฌ
- ๋ฆฌ์กํธ ๋ผ์ฐํฐ ๋(Router DOM) ๊น๊ฒ ์ดํดํ๊ธฐ - React Router DOM์ ๊ธฐ๋ณธ๊ณผ ๊ณ ๊ธ ๊ฐ๋
- Redux Deep Dive - Redux์ ๋ํ ๊น์ด ์๋ ์ดํด
- Git ๋ด๋ถ ๋์ ์๋ฆฌ: ์ธ๋ฑ์ค, ๋ธ๋, ํธ๋ฆฌ, ์ปค๋ฐ ๊ฐ์ฒด ์ค๋ช - Git์ ๋ด๋ถ ๊ตฌ์กฐ์ ๋์ ์๋ฆฌ ๋ถ์
- ๋ฆฌ์กํธ ์ฑ๋ฅ ์ต์ ํ, ์ฝ๋ ์คํ๋ฆฌํ ๋ฐ ์น๋ทฐ ํ๊ฒฝ์์ ์๋ ํ ํฐ ๊ฐฑ์ ๊ตฌํ์ ํตํด ์ด๊ธฐ ๋ ๋๋ง ์ฑ๋ฅ์ ๊ฐ์ ํ์ต๋๋ค.
- ๋ค์ํ ํ๊ณผ ํ์ ํ๋ฉฐ, UX์ DX๋ฅผ ๊ฐ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ค์ฉ์ ์ธ ์ ๊ทผ๋ฒ์ ์ ์ํ๊ณ , ์ฝ๋ ์ ์ง ๋ณด์์ฑ์ ๊ฐํํ๋ ๋ฐ ๊ธฐ์ฌํ์ต๋๋ค.