React - 절대경로 설정하기 & Component 불러오기

tsconfig.json 파일을 수정하는 방법

tsconfig.json 파일을 열어서 아래의 옵션들을 추가해줍니다.

• baseUrl 은 root( 최상위 폴더 ) 를 지정할 수 있는 옵션입니다.
• include 는 import 시에 해당 경로를 포함할 것인지 포함하지 않을 것인지를 설정할 수 있습니다. ( include 에 src 포함하지 않을 시 src/폴더 경로/파일이름 이고 포함했을 때는 폴더 경로/파일이름 입니다. )

\

 

그러나 보통 절대 경로는 외부 파일을 불러올 때 사용하고, 내부 파일을 연결할 때는 상대경로를 많이 사용합니다. 상대 경로를 사용하는 것이 나중에 파일의 위치가 이동했을 때 유연하게 대처할 수 있고, 속도가 좀 더 빠릅니다.