[React] 절대경로 설정하기

 

절대경로 설정 이유는 파일을 임포트할때

예를 들어

import Footer from "../../../../component/footer/" ....

요롷게 지저분해지는게 싫어서다.

 

설정 법은 매우 간단하니 해보도록 하쟈

 

---

 

 

1. 절대경로 기본값 폴더에 jsconfig.json을 만드삼

나는 client폴더에 만들엇삼

 

 

2. 아래 코드 추가하삼

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

 

3. 끝!

 

절대경로 임포트

 

 

넘나 깔끔해졌따!!!!

 

 

하다보니 어떨땐 상대경로가 더 편한 상황도 있다.

 

 

여기서 의문점.

같이 써도 될까 ?

그래서 해봤는데 지금 당장 문제는 없다.

 

나중에 문제가 생기면 그때의 내가 잘할거라 믿는다 ^^ !! 화ㅅ팅!!

 

 

 

 

오늘도 열코 합시다 ~ 화이팅~

 

 

 

 

---

참조 사이트

https://dev.to/mr_frontend/absolute-imports-in-create-react-app-3ge8

Absolute imports in Create React App