[JavaScript] import (상대경로 → 절대경로) path 설정 방법

절대 경로 설정 방법

프로젝트 최상위 폴더(root)에 jsconfig.json 파일을 추가한 뒤 아래 코드 입력

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

---

경로 (Path)

문서, 파일, 그림 등의 위치

 

예) C:\Users\Someone\Desktop\Example

---

상대 경로 (Relative Path)

현재 위치를 기준으로 나타냄

상위 폴더, 하위 폴더, 현재 폴더 (동일한 Level)를 연결함

 

예)

• 상위 폴더  :  ../디렉토리명/파일명
• 하위 폴더  :  ./디렉토리명/파일명
• 현재 폴더  :  ./파일명
• import Home from '../routes/Home';

---

절대 경로 (Absolute Path)

루트(root) 디렉토리를 기준으로 나타냄

프로젝트 규모가 커질시 상대경로를 이용한 관리보다 절대경로로 관리를 해주는것이 용이

 

예)

• 컴퓨터 내부  :  C:\
• URL  :  http://
• import AppRouter from 'components/Router';