Today I Learned (2026-05-07)
폼 컨트롤 일괄 다루기 (fieldset·useFormContext)
<fieldset disabled>로 감싸면 그 안의 input·select·textarea·button이 한 번에 비활성화된다. 폼 컨트롤 묶음을 일괄로 막을 때 유용하다.- 폼이 커지면
FormProvider로 감싸고 하위 입력에서 useFormContext로 폼 상태에 접근한다. register·control을 props로 계속 내려보내지 않아 구조가 단순해진다.
한글 조사 처리 (es-hangul)
es-hangul의 josa 함수는 앞 단어의 받침 유무를 보고 “은/는”, “이/가” 같은 조사를 자동으로 골라 붙여준다.- 동적으로 만든 문자열에 조사를 붙일 때 받침을 직접 계산할 필요가 없어진다.
Lottie 라이브러리
- Lottie는 After Effects 애니메이션을 JSON으로 내보내 웹에서 가볍게 재생하는 포맷이다.
- Next.js에서는 SSR 단계에
window가 없어 문제가 될 수 있어, 동적 import 지원 여부를 보고 라이브러리를 골라야 한다.
Leave a comment