Typescript 3.8부터 type을 import 할 경우 import type을 지원하기 시작했다. 크게 별 다른건 아니고 타입을 가져올때 이것은 타입이다 라고 명시를 해준다고 생각하면 된다.
//일반적인 가져오기
import Head from 'next/haed'
//타입 가져오기
import type { FC } from "react" 타입을 가져올때 type 을 명시하지 않아도 정상적으로 불러와지기 때문에 type을 명시하냐 안 하냐는 취향 문제로 볼 수 있다. 하지만, 나는 일단 더 깔끔해 보이기 때문에 type 명시를 해주려고 한다. 하지만, VSCode을 이용하여 만들다 보면 타입을 auto import 할 때는 type 명시를 해주지 않기 때문에 추후에 직접 type 을 명시해줘야 하는 경우가 많이 생긴다.
그래서 이것을 어떻게 해결 할 수 있냐 잠깐 검색을 해보니 여기에서 해당 방법을 알 수 있었다. tsconfig에 새로운 규칙("importsNotUsedAsValues": "error")을 추가하면 된다.
끝
소-개