[VSCode] 공백 문자(whitespace) 표시하기

 

프로그래밍을 할 때 들여쓰기를 어떻게 하느냐는 가독성을 위해 중요한 문제입니다.

space 2칸, 4칸, 또는 Tab을 사용하는 것 중 어느 것을 선택해도 문제가 없지만

중요한 것은 일관성을 유지하는 것입니다.

 

그래서, 

지금 사용한 indent가 3칸인지, 4칸인지, Tab인지를 확인하는 것이 중요합니다.

 

여기서는 VSCode에서 공백 문자를 표시해 주는 기능을 활성화 해 보도록 하겠습니다.

 

1. 설정 메뉴에 들어갑니다.

다음 중 한가지 방법을 선택하여 설정 메뉴에 들어갑니다.

1. File > Preperences > Settings 메뉴 이용
2. 화면 왼쪽 하단의 톱니바퀴 모양의 '설정' 아이콘 이용
3. 단축키 : Ctrl + , 이용

 

2. User > Text Editor > Render Whitespace

아래의 속성값으로 공백 문자 표시 여부와 표시 방법을 설정합니다.

• none 
  • 공백을 표시하지 않습니다.
• boundary
  • 공백이 한 글자일 경우에는 공백문자를 표시하지 않고, 그 이상일 경우에만 표시합니다.
• selection
  • 드래그하여 선택 된 텍스트만 공백 문자를 표시합니다.
• all
  • 모든 공백 문자를 표시합니다.

<none>

공백 문자를 표시하지 않습니다.

 

<boundary>

공백이 1글자 이상일 경우에만 공백 문자를 표시합니다.

아래에서 HELLO 문자열의 앞뒤에는 각각 한개의 공백이 있기 때문에,

공백 문자가 표시되지 않은 것을 확인 할 수 있습니다.

 

<selection>

드래그 하여 선택한 부분의 공백만 공백 문자를 표시합니다.

 

<all>

모든 공백의 공백 문자를 표시합니다.

 

3. settings.json 파일 직접 수정하기

settings.json 파일을 직접 수정할 수도 있습니다.

• editor.renderWhitespace 속성을 추가해 줍니다.

 

VSCode의 에디터에 공백 문자를 표시하는 방법을 알아보았습니다.

개인적으로 boundary 또는 all 설정을 선호 합니다.