mouseenter1 [JavaScript] mouseenter, mouseover / mouseleave, mouseout 차이점 JSP 프로젝트로 마켓컬리 클론코딩을 진행하던 중 헤더 드롭다운메뉴를 구현하면서 생긴 문제를 해결했던 내용을 기록하기위해서 쓰는 글이다. 사실 헤더부분은 내 역할이 아니였는데, 팀원이 헤더부분 골격은 잡았지만 세부적인 부분 구현에 어려움이 있어보여 내가 하겠다고했다. 마켓컬리에서는 드롭다운메뉴를 js를 통해서 구현하는 것으로 보인다. 드롭다운메뉴 영역의 display를 none으로 해서 숨겨놨다가 영역안에 마우스가 진입하면 display를 block으로 해서 드롭다운메뉴가 보이도록 처리하는 메커니즘인 것 같다. 사실 구현하는데 있어서 큰 문제는 없었다. 사용자의 마우스가 전체카테고리 영역으로 올 경우에 드롭다운 메뉴의 display: block으로 설정, 벗어날 때는 display: none 해서 보여주.. 2021. 11. 20. 이전 1 다음