Skip to content

Conversation

@seorang42
Copy link
Contributor

#️⃣연관된 티켓 넘버

CLAP-262
close #84

📝작업 내용

useOutsideClick 커스텀 훅을 구현하였습니다

💬리뷰 요구사항(선택)

드롭다운, 모달, 알림 / 프로필 등 외부 클릭을 감지해야 하는 곳에 적용해주시면 좋을 것 같습니다
사용 방법은 const { htmlRef } = useOutsideClick(() => 조건 && 함수) 로 사용해주시면 될 것 같습니다
예시 : const { htmlRef } = useOutsideClick(() => isDropdownOpened.value && toggleDropdown())
설명 : 드롭다운이 열려있을 때만 toggleDropdown을 실행 (닫혀 있을 때 외부 클릭 시 열림 방지)

@seorang42 seorang42 self-assigned this Feb 4, 2025
@seorang42 seorang42 added the ✨ Feature 기능 개발 label Feb 4, 2025
Copy link
Member

@BaekJiyeon02 BaekJiyeon02 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이곳 저곳에서 필요했던 훅인데 고생하셨습니다! 확인하였습니다👍

@seorang42 seorang42 merged commit f9fce84 into develop Feb 4, 2025
1 check passed
@seorang42 seorang42 deleted the CLAP-262 branch February 4, 2025 12:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

✨ Feature 기능 개발

Projects

None yet

Development

Successfully merging this pull request may close these issues.

CLAP-262 useOutsideClick 구현

3 participants