[React] CRA에서 절대경로 설정하기

리액트 절대경로

Vite와 타입스크립트 상황에서의 절대경로 설정을 하는 방법은 정리를 했었는데
create-react-app로 리액트 프로젝트를 생성을 했을 때 절대경로 설정 하는 방법을 알아보겠습니다.

[Vite, TypeScript] Vite + 타입스크립트 환경에서 절대 경로 설정하기!

jsconfig.json

우선 package.json 과 같은 위치에 jsconfig.json 파일을 생성해줍니다.
그리고 json 파일 내부에 아래와 같이 작성한다.

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

그 후 다시 서버를 실행해주면,
기존의 방식인 상대경로가 아닌 절대경로로 설정할 수 있게 됩니다.

// 상대경로
import Title from "./components/Title"

// 절대경로
import Title from "components/Title"