Front-End

javascript의 리팩터링이 필요해서 click(), bind() 등을 on() 메소드로 변경하고 있던 중, hover() 메소드에 대해 공부한 내용을 정리한다. hover()는 jQuery API중 마우스 이벤트 메소드 중 하나이다. 위에 Gif처럼 마우스를 특정 Element 위에 올리면 발생하게되는 이벤트를 제어할 수 있다. 문법은 다음과 같다. $(jqeuryElement).hover(콜백함수) 만약 제이쿼리를 사용하지 않는 경우 순수 javascripte 의 mouseenter 그리고 mouserleave 로 구현할 수 있다. 요구사항 이미지 미리보기 버튼에 마우스를 올리면 미리보기 이미지를 띄우고, 마우스가 벗어나면 사라지는 요구사항이 있다. hover() 메소드를 활용하면 다음과 같이 구..