🍰 [230126 TIL]

늦잠

🍑 오늘 작업 내용

• Matching 관련 페이지 Popup 컴포넌트 적용
• Popup 배경 선택했을 때 꺼지도록 (버튼 하나만 있는 경우는 적용 X)
• Popup 오픈됐을 때 scroll 되지 않게 고정

🍒 트러블 슈팅

• Popup 오픈 시 배경 클릭해서 꺼지도록 하기 위해서는 setIsOpen 값을 수정해주어야 함. 그래서 props로 setIsOpen을 받도록 설정… 근데 나는 배경에만 이벤트를 주었는데 자꾸 팝업 자체 클릭해도 닫힌다..!!! 이벤트 버블링 때문이었기 때문에 팝업 컨테이너에 stopPropagation()을 추가해야했음
• 충돌작업…👍🏻