Reactjs 를 위한 VSCode Explorer Indentation 과 절대경로 설정

Ctrl + ,  후에 아래그림처럼 처리... 기본값은 8이지만 30으로 확장합니다.

 

 

 

절대경로 설정하기 위해서 Root 경로에 다음과 같이 jsconfig.json 파일을 작성합니다.

이렇게 생성하면 아래와 같은 형태가 됩니다.

다음 소스를 붙여 넣습니다.

 

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

 

재시작합니다.

 

상대경로를 절대경로로 수정합니다. 방법은 다음과 같습니다.

모듈중에서 user 를 선택해서 시연하겠습니다.

 

 

user 폴더 내부에 index.js 를 생성합니다. 그리고 다음과 같이 코딩합니다.

 

다음은 App.js 에서 Router 를 구현한 코드입니다. 상대경로 표시인 ./  이 제거된 것을 볼 수 있습니다.