Free Learn

문제점 VSCode는 하위 폴더가 하나 있을 경우 트리구조로 보여주지 않고 옆으로 나열해주고 있습니다. 하위 폴더가 2개 이상일 경우에는 트리구조로 보여주고 있어서 가독성이 많이 떨어집니다. 이를 하위 폴더가 하나라도 트리구조로 보여주도록 변경해보겠습니다. 해결방법 1. 설정 메뉴 진입 macOS : ⌘ + , Windows : Ctrl + , Linux : Ctrl + , 2. compact 검색 후 Compact Folders 체크 해제 검색창에서 compact를 검색하면 아래와 같이 Compact Folders라는 메뉴가 보입니다. 이 설정이 기본으로 체크되어 있는데 이 값을 체크 해제합니다. 결과 겹쳐서 보이던 폴더가 트리구조로 변경되었습니다.

코드를 자동정렬 해줘서 깔끔하고 가독성을 높여주기에 프로젝트 셋팅 시 Prettier를 항상 사용합니다. VSCode에서 Prettier 설정 방법과 적용 안될 때 해결 방법을 알아보겠습니다. Prettier 설치 Extensions에서 검색하여 Prettier - Code formatter를 설치해줍니다. VSCode에 적용 Settings에 들어가서(cmd + ,) prettier를 검색합니다. Default Formatter를 Prettier - Code formatter로 선택합니다. format on save를 검색합니다. Format On Save 설정을 활성화 합니다. (저장할 때마다 Format 적용시키는 옵션) 적용 안될 때 해결방법 보통은 설정만 해주면 잘 돌아가겠지만 특수한 경우 안될..