우선 첫번째 사진은 컨텐츠를 만든 코드입니다.
그 다음 두 사진은 각 컨텐트에 관련된 실제 UI를 보여주고 있는 사진인데
코드에서 보시다시피 content에 onmouseover시 contentDetail을 보여주느 식으로 onmouseover는 잘 작동이 됩니다.
또한 contentDetail onmouseout 코드를 달아서 contentDetail 영역을 벗어날 시 contentDetail을 닫는 코드를 작성하였는데
contentDetail 영역을 나가지 않고 위에서만 마우스를 움직여도 onmouseout 리스너 함수가 호출되어 contentDetail이 닫히는 버그가 발생합니다.
추가적으로 overlay를 만드는 코드와 onmouseover onmouseout시 호출되는 함수입니다.
