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

🔔 서론 뭐했는지 벌써 8월이 끝나고 9월이 찾아왔다. 이래 저래 고민이 많은 시기인데.. 이런 고민에 대한 얘기는 월 회고록에 주저리주저리 얘기해보도록 하고, 이번 주 WIL은 프로그래머스 데브코스에서는 react 과제를 수행하느라 별 다른 학습을 진행하진 않았고, 대신 effective typescript 스터디를 하면서 읽은 내용중 인상깊었던 내용에 대해서 정리를 해보려고한다. 🔔 타입이 값들의 집합이라고 생각하기 타입스크립트의 런타임에서 모든 변수는 자바스크립트의 값으로부터 정해지는 각자의 고유한 값을 가진다. 예를들어 변수는 다음과 같은 다양한 값을 가질 수 있다. 42 null undefined 'abcd' (a, b) => a + b {name: 'kim'} 이들은 코드를 실행하기 전, 타입..

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