[React] DOM Element의 스타일 정보 가져오기

useRef, useEffect, window.getComputedStyle()를 사용하여
리액트에서도 원하는 DOM요소의 스타일 정보를 불러올 수 있다

return (
  const elemRef = useRef();
  useEffect(() => {
  	window.getComputedStyle(elemRef.current);
  }, [])
)

⚠️useRef로 현재 상태를 참조하지 않는다면, 변경된 상태값이 적용되지 않기 때문에 초기값을 가져오게 된다

참조: https://velog.io/@stayplz/React-DOM-Element의-css정보를-가져오기