Dropdown UI 를 만들고 있습니다.

Dropdown UI 를 만들고 있습니다. 버튼이나 텍스트를 누를 때 나오도록 하고 있는데요.

클릭하고 뜨는 형태는 괜찮은데 hover(마우스가 위로 왔을 때) 할 때가 이벤트 제어 하기가 어렵습니다.

왜냐하면 보통 Dropdown 영역이랑 실제 UI 영역이랑 디자인상에서 안겹치도록 해놨거든요.

그러다 보니 살짝만 잘못 움직여도 드롭다운이 닫혀버립니다.

그래서 Dropdown 이 화면에 표시 될 때 dropdown 보다 더 큰 영역으로 이벤트 패널을 하나 깔아줍니다. 다만 눈에는 보이지 않습니다.

보이지 않지만 다른 곳으로 이벤트가 가는걸 막아주고 있죠.

UI 를 만들다보면 눈에 보이는 것보다 보이지 않는 부분이 더 섬세해야함을 느낍니다. 그런 것들로 인해서 자연스러워지거든요.

------

이제 UI 는 기본적인건 해서 문서를 열심히 적어놔야겠습니다.