target / currentTarget

Javascript 그리고 React를 사용하다보면 어떤 곳을 클릭해야하는 일이 생기며, 이 클릭한 요소를 가져오는 방법이 필요하다. 이 때 사용하는 것이 바로 e.target.value 혹은 e.currentTarget.value 이다. 그런데 이 둘은 어떻게 다른 것일까? 이를 알기 위해서는 이벤트 버블링에 대해서 알아야하는데, 이는 나중에 다시 포스팅하도록 하겠다. 우선 간단하게 이 둘...

bubblingCurrentTarget@Target@Target

오늘 배운 것

버튼을 클릭 했을 때 그 위치에서 새로운 레이어를 띄우고 싶었다. 며칠 전에 알게 된 z-index를 응용해서 내가 원하는 위치에서 컴포넌트를 화면 위에 얹으면 될 것이라 생각했다. 하지만 버튼이 상황에 따라 x축의 좌표가(픽셀 단위의) 변하기 때문에 새로 띄우는 컴포넌트의 좌표를 고정해 놓으면 어색했다. 그래서 클릭한 상황에서의 버튼의 x축 좌표를 변수에 할당해서 만들어 스타일의 left에...

CurrentTargetdalyuckgetBoundingClientRectTILCurrentTarget