vscode

해커톤을 나가거나 실무를 한다면 협업은 필수입니다. 이때 어떤 사람은 끝에 세미콜론을 안 붙이거나, 같은 알고리즘을 짜더라도 가독성을 신경 쓰지 않거나, Tab vs Space 논쟁이 시사하는 것처럼 컨벤션을 다르게 하기도 합니다. 이때마다 "컨벤션을 통일합시다"라고 말하기에는 각자의 코드 스타일이 너무 명확해서 오히려 불편해지고 생산성이 떨어지는 문제를 낳습니다. 그럴때 VSCode에는 협업을 위한 익스텐션이 여러 개 존재합니다. 이 포스트에서는 유용한 VSCode 익스텐션을 살펴보고 어떤 이점이 있는지 살펴봅니다. 1. Prettier - Code formatter 코드 포멧팅 도구입니다. 사실상 협업의 필수이기도 하고 앞서 언급했듯 Tab vs Space 논쟁을 한 번에 일축할 최고의 도구입니다. ..

간혹가다 별도의 익스텐션을 설치하다 보면 이미 CSS 자동완성이 적용되어 있음에도 CSS 파일에 자동완성이 뜨지 않을 때가 있다. 이를 해결하기 위해서는 오른쪽 하단에 있는 언어 모드를 CSS로 변경해주면 된다. 아래 화면처럼 정상적으로 자동완성이 뜨게 된다.

VSCode에서 제공하는 기본 폴더에는 아이콘이 없습니다. VSCode의 익스텐션 기능을 이용하여 보다 직관적인 아이콘을 설정해주도록 하겠습니다. 먼저 왼쪽 사이드바에 익스텐션 바를 클릭해줍니다. 검색창에 Material Icon Theme를 입력하고 Install 버튼을 클릭해줍니다. Material Icon Theme을 클릭해주면 적용이 완료됩니다.