jsconfig.json이란?

Alpaca·2021년 10월 27일
1

VS Code

목록 보기
2/2

TL; DR

jsconfig.js파일은 js 프로젝트를 할때 필요한 파일이며, 이 파일이 위치하는 곳이 루트 디렉토리가 된다.
jsconfig.js파일에는 현재 진행 중인 js 프로젝트에 속해있는 파일, 속하지 않은 파일, 컴파일러 옵션 등을 설정할 수 있는 설정파일이다.

Introduction

React 프로젝트를 진행하기 위해 이것저것 강의를 듣는 중 .env로 더 이상 설정이 안되는(?)일이 생겼다.
그래서 찾아보던 와중 .env는 옛날 방식이고 이제 tsconfig.json 혹은 jsconfig.json을 생성하는 것을 알게 되었다.

jsconfig.json이란 무엇일까?

The presence of jsconfig.json file in a directory indicates that the directory is the root of a JavaScript Project.

jsconfig.json파일이 있는 디렉토리가 루트 디렉토리라는 것을 알려주는 역할을 한다.
이러한 jsconfig.json파일은 Javascript language service에서 제공하는 기능들을 사용하여 루트 파일, 옵션 등을 지정할 수 있다.

파일 이름에서 알 수 있듯이 js 프로젝트에만 국한 된 설정파일이며 그 외의 언어를 사용하고 있다면 이 파일은 만들어줄 필요가 없다. (마찬가지로 tsconfig.json도 ts 프로젝트에만 국한 됨)

jsconfig.json파일은 왜 필요할까?

필요성을 알기 위해서는 VS Code가 js에 지원하는 2가지 모드에 대해서이다.

  1. File Scope (no jsconfig.json)
    이 모드에서 VS Code에서 열린 js파일은 독립적인 단위로 처리된다.
    예를들어 a.js, b.js가 있다면 import, require를 사용하지 않는다면 두 파일의 연결점은 없다.

  2. Explicit Project (with jsconfig.json)
    js프로젝트는 jsconfig.json파일을 통해 정의된다.
    jsconfig.json파일이 있는 곳을 js프로젝트의 루트 디렉토리임을 나타내며 프로젝트에 속하는 파일, 속하지 않는 파일, 컴파일러 옵션을 선택적으로 설정할 수 있다.

1번보다는 2번 모드가 작업 환경이 좋을 것이고 능률 또한 좋을 것이다.
때문에 jsconfig.json이 필요한 것이다.






reference
VS Code : What is jsconfig.json

profile
2020년 10월 15일 퇴사하고 개발자의 길에 도전합니다.

0개의 댓글