[React]리액트 - 절대 경로 설정하기

.../ 이 거슬린다.

 우리가 진행한 프로젝트는 상대경로를 통해 각 폴더에 접근한 프로젝트였다.

상대경로를 이용하면 굳이 코드 건드리지 않고 작업은 편하다고 생각했지만 컴포넌트가 세분화 될수록 다른 개발자가 만든 컴포넌트를 import해올때 어디에있는지 경로를 찾는것도 일이라 생각했다.

 처음부터 설정하고 작업을 진행할걸이라는 생각이 들면서 다음프로젝트에 절대경로를 설정해서 개발을 진행하면 코드가 좀더 깔끔하지 않을까 생각하며 절대경로 설정방법을 확인해봤다.

 

 

설정방법

이래저래 찾아보니 cross-env 라이브러리를 설치하는 방법도 있는데 공식문서를 보니 json파일추가로 라이브러리 설치없이 절대경로 설정이 가능한것 같아 이 방법으로 적용해보았다. 

CRA문서 >

jsconfig.json 또는 타입스크립트의 경우 tsconfig.json 파일을 package.json 과 같은 경로에 생성한 후 아래 코드를 넣어주면 된다.

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

결과

위와 같이 바꾸고 실행해도, 정상적으로 잘 나온다.