[260518] TIL

Today I Learned (2026-05-18)

zod 필수 동의 검증

• 필수 동의 체크박스에 z.boolean()을 쓰면 false도 통과해버린다. z.literal(true)는 값이 정확히 true일 때만 통과시켜, 체크하지 않으면 검증이 실패하므로 “반드시 동의”를 강제할 수 있다.

agreeServiceTerms: z.literal(true),
agreePrivacyCollection: z.literal(true),

인라인 SVG vs public SVG

• 인라인 SVG는 JS 번들에 포함돼 추가 요청이 없고 currentColor·strokeWidth를 prop으로 제어할 수 있어, 색·굵기를 상태에 따라 바꿔야 하는 작은 아이콘에 적합하다.
• public 경로 + <Image> 참조는 디자이너가 파일만 교체하면 되고 브라우저가 캐시해 재사용 비용이 작아, 모양이 고정된 로고·일러스트에 적합하다. 둘의 장점을 모두 가지려면 SVGR로 컴포넌트화하면 된다.