[React] 절대경로 설정하기

[React] 절대경로 설정하기, src 기준으로 절대경로가 안돼요.

React 폴더 경로를 src 기준으로 설정하면 import 하여 다른 컴포넌트를 import 할 때 편리하다. 그러나 절대경로를 설정하는 방법이 변경되었다. 이전 방법하고 지금 방법을 확인해보자.

절대경로 설정 이전 방법

src 기준으로 절대경로를 설정하는 방법은 간단하였다. 프로젝트 package.json 파일과 동일 선상 위치에 .env 파일을 생성하여 아래와 같은 코드만 추가해주면 되었다. 그리고 package.json의 start script를 변경해주면 되었다. 그러나 이제 해당 방법은 안되도록 변경 되었고 변경된 방법을 확인해보자.

NODE_PATH=src

절대경로 설정 현재 방법

.env 파일 대신 jsconfig.json 또는 tsconfig.json 파일을 추가한 후 아래 코드를 넣어주면 된다.

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

위 파일과 코드를 추가한 후 프로젝트 재실행을 하면 src 기준으로 절대경로가 설정된 것을 확인할 수 있다.

마지막

해당 내용은 틀릴 수도 있다는 것을 감안하여 봐주세요. 틀린 내용 및 오탈자 수정 요청 환영입니다.