[TIL] 23/11/14 React 숙련: 절대경로 설정, jsconfig.json 파일 무엇?

한 일

개인과제 순서대로 안해서 조금 혼란스러워짐 ^.^ 앞에부터 차근차근

 

TIL

jsconfig.json 파일

( * 파일 적용 시 이미 브라우저 페이지가 실행 중이라면 터미널 껐다가 yarn start 다시 해주기 !!! ) 

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

 

리액트 입문 과정에서 너무 초반에 휘리릭 지나가서 까먹어버린, 과제에서 다시 쓰라고해서 ㅠ.ㅠ

공부해본다. 공식문서 봐도 잘 모르겠다 근데.

https://code.visualstudio.com/docs/languages/jsconfig

이때는 파일들에서 모듈 임포트 시 url을 절대 경로로 쓸 수 있게 해주기 위해 사용했다.

jsconfig.json 파일은 root 폴더에 위치한다.

 

jsconfig 로 설정 하는 것들 : 

exclude : 소스의 일부가 아닌 것들을 지정.

include : 프로젝트에 포함할 파일을 명시적으로 지정.  없으면 디폴트 값으로 경로 내의 모든 파일을 포함

compilerOptions :

 - baseUrl : 여기서 지정하는 폴더 아래에서 모듈을 찾는다. ../ 이나 ./ 필요 없이!

 - paths : baseUrl 을 상대적으로 하여 custom prefix를 작성하여 코드에서 모듈 참조를 간편하게 할 수 있다.

 

할 일 / 부족한 점

복습 언제하고..