NextJs 절대경로 설정!(공부 3)

다들 코딩을 하다보면 다른 컴포넌트나 다른 폴더에 있는 파일을 import하는 경우가 많을거다. 그런데 import를 할때 기본적으로 상대경로로 가져오다보니
이런경우가 한번씩은 있을것이다.
이게 한두개면 몰라도 한 10개씩 되어버리면 코드가 너무 지저분해지고 보기가 불편해진다.

나는 vscode에서 ide를 다 지원해줘서 솔직히 폴더구조를 보고 일일히 치지도 않음

그래서 이를 획기적으로 코드를 줄일 수 있는 방법이 있다 그게 바로 절대경로로 설정하게 해주는 "@"를 사용해주면 된다.

tsconfig.json 설정

먼저 절대경로를 사용하기 위해선 tsconfig.json파일에

를 넣어주면 되는데 여기서 원하는 경로를 쉽게 예로 들어보자면
만약 ./src로 한다고 쳐보자 그러면 "@/" <- 이게 바로 src폴더로 넘어가게 해준다. 그러면 src폴더 안에 있는 파일을 import 하고 싶으면 아까 처럼 할 필요 없이

이렇게 간단하게 사용이 가능하다.