IT/React

Create-react-app (CRA)에서 절대경로 설정하기

자주 글을 쓰지 못하네요 (게을러서)

React를 쓰시는 분들은 자꾸만 경로를 설정할 때

./ ../ ../ 등등 여러가지 짜증나는 일들을 겪으실 텐데요

( 21년 1월 28일 갑자기 지난 포스팅 돌아보다가 수정)


이제 VSCODE를 설정해주셔야 해요

일반 자바스크립트로 리액트를 코딩 중이시라면 jsconfig.json

만약 타입스크립트로 리액트를 코딩 중이시라면 tsconfig.json

요렇게 파일을 들어가셔서

"compilerOptions": {
    "baseUrl": "./src"
  }

요렇게 추가해주시면 됩니다

이거 전체 복사해서 넣으시는거 아니고 저 가운데 baseUrl라인만 복사해서 넣으시면 됩니다

그리고 설정 마치시면 꼭 ../ ../ 이런거 찾아서 싹 지워버리시구요

그다음에 서버 껐다가 npm start 다시 하셔서 시작하셔야 제대로 적용되실 겁니다

그럼 편안한 코딩 되시길 바랍니다