[React] jsconfig : import 파일 절대 경로 설정, 파일명만으로 불러오기

 

 

💡 다른 파일을 import 해서 가져올 때 경로를 ../ 이런 식(상대 경로)으로 들어가지 않고
그 파일의 이름으로 바로 불러올 수 있도록 절대 경로를 설정할 수 있다!

 

 

이렇게 ~

 

방법은

1. 먼저, 최상위 폴더(root 경로)에 jsconfig.json 파일을 만들어준다.

 

2. 그리고 파일 안에 아래와 같이 작성

 

src 폴더 내 파일들은 절대 경로로 작성할 수 있게 된다!

 

3. 수정할 파일로 들어가 절대 경로로 파일명 수정!

 

4. 그럼 에러가 발생하는데 다시 npm start 를 해주면 정상적으로 작동된다.

 

 

✳️ 이런 식으로 파일을 불러오는게 필수적인 건 아니니 때에 취사선택해 사용하자.