[React] NODE_PATH 대신 절대경로 설정하는 방법

필자는 '리액트를 다루는 기술' 서적으로 리액트를 공부하고 있는데, 아무래도 1년정도 지나다 보니(1년동안 무얼 한 것인가..) 구버전이 되버린 코드들이 종종 들어있다.

그 중, package.json의 "scripts" 개체 안에 NODE_PATH를 설정하여 절대경로를 설정하는 방법을 소개하고 있는데,

이 방법(이마저도 2019년도 초 기준으로, 도서에 나와있는대로 하면 안되고 약간의 수정을 해야한다.)으로 설정하고 컴파일하면, 아래와 같은 warning 문구가 나온다.

Setting NODE_PATH to resolve modules absolutely has been deprecated in favor of setting baseUrl in jsconfig.json (or tsconfig.json if you are using TypeScript) and will be removed in a future major release of create-react-app.

대충 NODE_PATH는 없어질것이니 jsconfig.json을 대신 사용하라는 내용이다.

구글링해 보니, 아래와 같은 절차로 진행하면 해결된다.

1. "scripts" 객체 복구
   : NODE_PATH 추가하기 이전으로 롤백하면 된다.
2. jsconfig.json 생성
   : package.json과 같은 경로(root 디렉토리)에 생성해준다.
3. 아래 코드 복사

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

4. (필자의 경우) 재실행
   : 필자는 VSCode를 재실행 해야 정상 실행되었다. 환경마다 다를 수 있겠지만, 꺼림찍하니 재실행 한번 해주자.

해당 도서를 보시는 분들이 많은것 같다.
별거 아닌 것에 필자와 같은 고통을 겪지 않길 바라며 이만 포스팅을 마친다.