포트폴리오 사이트를 제작하면서 저를 소개하는 포토카드에 재미있는 이벤트를 넣어보았습니다. 마우스를 카드에 호버했을 때, 마우스위치를 실시간으로 추적하여 카드가 회전하는 이벤트입니다. 처음 제작에 들어갔을 때, 저는 clientX, clientY를 사용하여 제작했습니다. 그 결과 원하는대로 카드가 회전하지않고 굉장히 큰 기준으로 회전 기준점이 잡혀있는 듯한 움직임을 보였습니다. 해결방법을 찾아보니 client X,Y 가 아닌 offset X,Y를 사용해야한다는 것을 알게 되었습니다. 그렇다면 두 X,Y는 어떤 차이를 가지고 있을까요?? offsetX,Y offsetX는 이벤트가 발생한 요소의 왼쪽 상단을 기준으로 이벤트가 발생한 지점의 X 좌표를 나타냅니다. offsetY는 이벤트가 발생한 요소의 왼쪽 상..
