개발자는 코드를 찢어 개발자는 코드를 찢어

react Js로 작성한 인스타그램 클론코딩을 typescript로 migrate 하는 작업을 하던 중 생각지도 못한 자주 발생한 에러들이 있었다. 바로 useRef를 사용해 컴포넌트에 직접 접근하려고 할 때 발생한 이 오류이다. 처음에는 초기값을 지정해 주지 않아 발생한 오류라고 생각해 수정했었으나.. 단순히 useRef 초기값을 null로 지정해주면 해결될 문제인줄 알았더니 그것 또한 아니었다 미리 스포하자면 inputRef.current가 존재하면 inputRef.current.focue()를 실행하라고 조건을 주면 해결되긴 했지만 근본적으로 왜 이런 문제가 발생되는지 알기위해서 먼저 useRef()에 대해 알아보아야 한다 useRef란 useRef는 프로퍼티에 변경 가능한 값을 담고 있는 '상자'..