[React] src 폴더 절대경로 설정 (Absolute Imports)

react app으로 개발하다보면

import Router from "../routes/Router";
import Block from "../../components/Block";

과 같이 상대 경로로 import 하게 된다.

하지만 이렇게 구분하게 되면 파일을 import 할 때에 상대적으로 어떤 위치에 있는 지를 일일이 따져가면서 불러와야 하므로 생각하기 복잡해질 때가 있다.

그래서 Abolute Imports 방식을 참고하여 개발하면 훨씬 수월하게 참조할 수 있다.

packages.json과 같은 경로에 jsconfig.json 파일을 생성한다.
그리고나서 다음과 같이 src에 대해 코드를 작성해주면 된다.

{
    "compilerOptions": {
    	"baseUrl" : "src"
    },
    "include": ["src"]
}