[VSCode] whitespace 보기

Visual Studio Code에서 whitespace 보기

저는 개발 신입 시절 white space(공백) 때문에 고생한 적이 좀 있습니다.
특히 Python 때문에 더 그랬던 기억이 새록새록 나네요.
 
그래서 개발 툴 사용 시 어떤 툴이던 공백(whites pace)을 보이게 하는 습관이 생겼습니다.
오늘은 요즘 많이 사용 중인 Visual Studio Code에서 공백을 볼수 있는 설정을 알아보겠습니다.
 
1. File 메뉴에서 Preferences 메뉴를 클릭 합니다. (File -> Preferences)

whitespace settings 1

 

2. 검색 창에 whitespace 입력 후 검색합니다 (whitespace 검색 -> Render Whitespace)
그러면 아래와 같이 Render Whitespace 항목을 확인할 수 있습니다. 여러 옵션 중 all을 선택 합니다.
(나머지 옵션은 드롭다운 메뉴 아래에서 확인 가능 함)

whitespace settings 2

 

3. 그러면 아래와 같이 whitespace(공백)를 확인할 수 있습니다.

whitespace settings 3

 

4. 마지막으로 각 옵션들에 대해 알아 보겠습니다.

- none : whitespace(공백)을 표시하지 않습니다. 

whitespace - none

 

- boundary : whitespace(공백)이 1글자(칸) 이상일 때만 표시합니다.
아래와 같이 여러칸의 공백이 있을 경우 표시되며, 1칸일 경우에는 표시되지 않습니다.

whitespace - boundary

 

- selection : 블럭으로 지정된 곳만 whitespace(공백)을 표시합니다.

whitespace - selection

 

- trailing : 불필요한 whitespace(공백)을 표시합니다.

whitespace - trailing

 

- all : 모든 whitespace(공백)을 표시합니다. 저는 편의상 이 옵션을 사용합니다.

whitespace - all

이상입니다. 감사합니다.