ui 관련 알아둘 개념: hover=mouseenter+mouseleave, focus/blur, toggle, ellipsis(...)

• hover:
  • 공중을 맴돌다, 공중에 떠다니다, 공중부양하다, 마우스 커서의 공중부양
  • hover=mouseenter+mouseleave
  • mouse over, 마우스 커서가 닿는 것, 모든 element에 적용가능
• mouse[enter/over]
  • mouseenter: 자식영역 감지X
  • mouseover: 자식영역까지 감지O
• mouse[out/leave]
  • mouseleave: 자식영역빠져나가는 것 감지X 
  • mouseout: 자식영역빠져나가는 것 감지O
• focus/blur
  • focus: 입력 커서가 있는 것, input element에 적용됨
  • blur: focus를 잃는 것?
• toggle: 한개 스위치로 껏다켰다 하는 거
• modal: ?

ellipsis 생략 말줄임

clipMode={'EllipsisWithTooltip'}

text-overflow: ellipsis;