[WIL]2022.11.27 ~ 12.04

이번주 간 진행했던 작업 중 가장 고민했던 부분은

헤더 서치부분에서 모임을 검색했을때 좌측 작은 부분을 mousehover했을때 우측에 자세한 내용이 보여지게 되는데 

좌측 부분에서 마우스를 떠나 우측에 마우스를 올렸을 때 보여지는 것이 유지되지 않는 이슈가 발생했었다.

 

이를 해결하기 위해 2가지 방법을 썼었는데

1. useState를 통해 마우스 이벤트 true , false로 class 명을 유동적으로 변하게 했으나 우측 박스들이 겹쳐서 나오는 이슈가 생겼었다.

2. css hover시 transition을 주기위해 opacity0 -> 1 로 주었었는데 이를 display none -> block을 주어 유지되지 않는 이슈를 해결했다.