간단한 hover tooltip 만들기

React 내용은 아니긴한데 그냥 html 카테고리가 없어서 

여기다가 적어볼라고 합니다.

보통 이미지에다가 설명을 붙혀주기 위해서 툴팁을 적잖아요? 

<img src ~~ alt ~~~ /> 이 태그에 적게 될게 될텐데 거기에 title만 붙히면 툴팁이 나옵니다.

 

<img src={Community} alt="communityPage_Logo" title="커뮤니티 페이지" />

Community는 import 한걸 넣었고 title을 저런식으로 작성하면 

요런식으로 나옵니당

캡쳐모드라서 커서가 안나오긴했는데, 현재 마우스는 3번째 이미지에 올라간 상태입니다

tooltip 꾸미는건 다른 블로그 보시거나 나중에 다시 쓰겠습니다.

이 글은 간단한 tooltip 만들기니까요