[06AUG, 2021] TIL

벌써 8월의 첫 주 금요일이다! 시간이 빠르다 빨라⏰

 

---

 

✔️ Absolute path(절대 경로) 사용

그동안 나는 Relative path(상대경로)를 사용했다. 오늘 검색하다 보니 상대 경로는 프로젝트 규모가 커지면 너무 비효율적이고 알아보기 어렵다는 단점이 크다는 것을 알았다. 그래서 절대 경로를 사용하려 했는데 사용하기 위해서 처음 세팅이 필요하다는 것을 알았다. 공식문서에 잘 나와있어서 금방 참고해서 쓸 수 있었다.  jsconfig.json 또는 tsconfig.json 파일에서 이 코드만 추가해주면 된다. 

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

//상대경로
import Post from ../../../../Post;

//절대경로
import Post from components/some/path/path2/Post;

그럼 이렇게 규모가 커졋을 때도 정확히 어디서 왔는지 한눈에 파악할 수 있다. 확실히 사용해보니 한눈에 보여서 알아보기 쉬웠다.