Visual studio code 에서 들여쓰기(indentation) 설정하기

 

Visual studio code 에서 들여쓰기(indentation) 설정하기

본 글에서는 Visual studio code에서 들여쓰기(indentation)을 설정하는 방법을 설명한다.

 

현재 개발에 적용하고 있는 코딩룰에서는 들여쓰기를 탭을 사용하지 않고 2개의 스페이스를 사용하도록 정의하고 있다. 이는 보통 탭 사이즈가 서로 다르게 적용된 편집기에서 코드를 읽을 때 코드의 구성이 서로 달라지는 것을 방지하기 위함이다.

 

보통 코드 편집기에서 엔터를 입력하여 줄바꿈을 하게 되면, 사전에 정의된 탭 사이즈에 따라 들여쓰기가 적용된다. 설정에서 탭 사이즈를 2로 설정해 두면 2칸의 들여쓰기 효과가 있으나, 이는 2개의 스페이스하고 본질적으로는 다르기 때문에 탭 사이즈가 서로 다르게 설정된 편집기마다 코드의 들여쓰기가 달라져 통일된 가독성을 가지지 못한다.

 

이에 편집 중 엔터를 입력하여 줄바꿈을 했을 때나, 탭을 눌렀을 때에도 2개의 스페이스로 들여쓰기 되도록 Visual studio code를 설정해 두면, 코딩 시에 매우 편리하다.

 

다음과 같은 방법으로 설정 가능하다.

(본 내용은 윈도우용 Visual Studio code 1.30.1 버전을 기준으로 작성되었다)

 

1. 설정 파일 열기

상단의 메뉴바에서 File → Preferences → Settings  메뉴를 선택하면 다음과 같이 Settings 파일이 열린다.

 

 

2. 탭 사이즈를 2로 설정

Editor: Tab Size 항목의 값을 2로 변경한다. 이는 탭이 입력되었을 때 들여쓰기를 하는 칸의 수를 설정하는 항목이다.

 

3. 탭 대신 스페이스 사용하도록 설정

Editor: Insert Spaces 항목의 체크 박스가 체크되어 있는지 확인한다(기본적으로 체크되어 있다). 이는 탭이 입력되었을 때 탭이 아닌 스페이스가 적용되도록 설정하는 항목이다.

 

 

4. 파일별 들여쓰기 감지 기능 비활성화

2번이나 3번에서 언급된 각 항목의 설명을 읽어 보면, "해당 값은 Editor: Detect Indentation이 활성화되어 있으면, 파일 내용에 따라 무시된다" 라는 내용이 포함되어 있다.

따라서 설정을 유지하려면 Editor: Detect Indentation 항목을 비활성화 시켜야 한다.

Detect Indentation 항목의 체크 박스를 체크 해제한다.

 

여기까지 진행을 하면, 줄바꿈을 했을 때나 탭을 눌렀을 때 2개의 스페이스로 들여쓰기 되는 것을 확인할 수 있다.

 

 

---

파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음