Next.js에서 절대경로 별칭으로 설정하기

Next.js로 할 때 어떤 라이브러리, 혹은 컴포넌트를 import하는 일은 비일비재하다.
일반적으로 import Something from './url~~'; 과 같은 형식으로 불러오며, 파일 하나에서 여러줄의 import를 하게된다.

이러한 현상이 계속되다보면 결국 아래처럼 생긴 import가 잔뜩 생기게 된다.

그래서 tsconfig.json에서 이런식으로 수정을 하게되면

경로를 이렇게 지정할수있게된다.
확실히 짧아진 경로로 인해 편하게 개발할수있을것같다.