๐ย Reference
๐ย Chapter
Yup
React-Hook-Form
โฃ
zod
- zod
- TypeScript-first ์คํค๋ง ์ ํจ์ฑ ๊ฒ์ฌ ๋ฐ ์ ์ ํ์
์ถ๋ก
- ์ ์ ์ ํ ์ถ๋ก ์ ํตํ TypeScript ์ฐ์ ์คํค๋ง ์ ํจ์ฑ ๊ฒ์ฌ์ด๋ค.
zod - ์ฌ์ฉ ์ด์
- ๋ฐ์ดํฐ ๊ฒ์ฆ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ๋งค์ฐ ์ค์ํ ๊ณผ์ ์ด๋ค.
- ์ ๋ขฐํ ์ ์๋ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๊ฑฐ๋, ์์์น ๋ชปํ ํ์์ ๋ฐ์ดํฐ๊ฐ ๋ค์ด์ค๋ฉด ์ ํ๋ฆฌ์ผ์ด์
์ด ์ค์๋ํ ์ ์๋ค.
- ์ด๋ฐ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ์ฌ์ฉํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋๊ฐ ๋ฐ๋ก Zod์ด๋ค.
- zod๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฐ์ดํฐ ๊ฒ์ฆ ๋ฌธ์ ๋ฅผ ์ฝ๊ฒ ํด๊ฒฐํ ์ ์๋ค.
- TypeScript์ zod๋ฅผ ํจ๊ป ์ฌ์ฉํ๋ฉด ์ปดํ์ผ ํ์๊ณผ ๋ฐํ์์์ ๋ชจ๋ ํ์
์์ ์ฑ์ ํ๋ณดํ ์ ์๋ค.
- API response value ๊ฒ์ฆ, form ๊ฒ์ฆ๊ณผ ๊ฐ์ด ๋ฐ์ดํฐ ๊ฒ์ฆ์ด ํ์ํ ์ํฉ์์ ํ์ฉํ ์ ์๋ค.