📚 Reference

공식 문서 1

📜 Chapter

‣

‣

‣

useId

useId
useId는 접근성 어트리뷰트에 전달할 수 있는 고유 ID를 생성하기 위한 React Hook이다.
useId는 React에서 고유하고 안정적인 ID를 생성하는 훅이다.
이 ID는 컴포넌트가 렌더링될 때마다 재사용되지 않고, 서버와 클라이언트 모두에서 동일하게 생성되므로 SSR(서버 사이드 렌더링) 환경에서 발생하는 하이드레이션 불일치(hydration mismatch) 문제를 방지하는 데 특히 유용하다.

용도

접근성 (Accessibility)
useId의 가장 주된 사용 목적은 접근성을 높이는 것이다.
웹 접근성을 위해 <label>과 <input> 같은 요소들을 서로 연결해야 할 때 사용한다.
id를 수동으로 지정하면 충돌이 발생할 수 있으므로 useId를 사용하여 고유한 ID를 생성하고 이를 htmlFor 속성과 id 속성에 연결하면 사용할 수 있다.

특징

고유성과 안정성: 생성된 ID는 해당 컴포넌트의 특정 인스턴스에 대해 고유하며 렌더링 간에 동일하게 유지된다.