[vscode] 디렉토리 폴더 구조 겹침 없애기

1. 상황 설명

vscode를 사용하다보면 한번씩 좌측에 있는 탐색기에 하위 폴더가 / 로 보이는 경험을 겪은 적 있을겁니다.

하위 폴더면 하위 폴더 답게 계층구조를 지켜서 화면에 보였으면 한 것이 한 두번이 아닙니다.
해당 문제를 해결하는 것은 매우 간단합니다.

2. 해결 방법

1) vscode 설정창 들어가기

macOS : ⌘ + ,
Windows : Ctrl + ,
Linux : Ctrl + ,
위의 키를 동시에 누르면 설정화면이 나타나고 원하는 항목을 검색하여 설정할 수 있다.  

다음과 같은 화면이 뜨면 설정창을 연 것입니다.

2) explorer.compactFolders 검색 후 Explorer: Compact Folders 체크 해제

3. 결과

원하던 대로 하위 폴더임이 여실히 드러나는 계층 구조를 그대로 보여주게 됩니다.