[React/TS] 자주겪는 문제 해결방법

1. TS2322: typescript에서 useRef를 사용할 때

Type 'MutableRefObject<HTMLInputElement | undefined>' is not assignable to type 'string | ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined'.
  Type 'MutableRefObject<HTMLInputElement | undefined>' is not assignable to type 'RefObject<HTMLInputElement>'.
    Types of property 'current' are incompatible.
      Type 'HTMLInputElement | undefined' is not assignable to type 'HTMLInputElement | null'.
        Type 'undefined' is not assignable to type 'HTMLInputElement | null'.  TS2322

useRef 선언시에 null을 빠트려서 나오는 에러여서 null만 넣어주면 해결된다.

const abc = useRef<해당하는엘리먼트객체>(null)

2. TS2531: Object is possibly 'null'.

선언 해 준 것이 null이거나 undefind 일 수 있다는걸 컴파일러는 모르기 때문에 선언 한 것에 !을 붙여주라고 한다. typescript 에서 ! 은 특정 코드가 null이 아니다라는 것을 사용자가 타입스크립트에게 알려주는 것이라고 한다.



``` 계속 업데이트 될 예정 ```