AI 요약관련 정보

• useState 훅을 사용하여 드롭다운 메뉴의 열림/닫힘 상태를 관리합니다. 🧰
• useRef 훅을 사용하여 드롭다운 DOM 요소에 대한 참조를 저장하고 외부 클릭을 감지합니다. 🖱️
• useEffect 훅을 사용하여 드롭다운이 열릴 때 mousedown 이벤트 리스너를 문서에 추가하고, 닫힐 때 제거하여 메모리 누수를 방지합니다. ♻️
• 외부 클릭 감지 로직은 ref.current.contains(event.target)를 사용하여 클릭이 드롭다운 내부에서 발생했는지 확인합니다. 🔍
• 메뉴 아이템은 items prop을 통해 전달받아 순서대로 렌더링합니다. 📜