안녕하세요!
이번 글에서는 Visual Studio Code의 Extension 중
가장 많이 쓰이는 Extension Top 5와
추천할만한 Extension에 대해 알아보도록 하겠습니다!
우선 Extension이 무엇인지, 그리고 Visual Studio Code 내에서 위치는 어디인지부터 알아보도록 하겠습니다.
◈ Extension
-> 언어, 디버거, 그리고 도구를 추가하여 개발 워크플로우를 지원하는 기능
말이 조금 어렵죠?
요약해서 얘기하자면,
Extension은 우리가 Visual Studio Code를 보다 편리하게 사용할 수 있게 해주는 기능이라고 생각하시면 됩니다.
그리고 이 Extension의 위치는 밑의 사진을 참고해주시기 바랍니다.
Visual Studio Code를 실행했을 때 제일 왼쪽에 있는 줄 제일 마지막에 있는 테트리스 모양이 extension의 위치입니다.
제 경우 extension을 클릭하게 되면 이렇게 다양한 extension이 뜨게 됩니다.
만약 extension을 설치해본 적이 없는 분들이라면, 추천 extension만 뜨게 될 것입니다.
이제 Visual Studio Code를 보다 편리하게 사용하기 위해
사람들이 많이 사용하는 extension 5개에 대해 소개해보겠습니다.
◈ Top 5 Extension ◈
◆ Python
-> Visual Studio Code용 Python 확장자
보풀링, 디버깅, 코드 탐색 등의 기능을 지원
◆ C/C++
-> IntelliSense 및 디버깅과 같은 기능을 포함한 Visual Studio Code용 C/C++ 확장자
◆ ESLint
-> 코드를 분석하여 문제를 찾고, 자동 수정해주는 확장자
◆ Prettier - Code formatter
-> 파일을 저장할 때 코드를 깔끔하게 재배치해주는 플러그인
◆ Jupyter
-> 노트북에서 지원되는 언어 커널에 대한 기본 노트북 지원을 제공하는 확장자
위의 확장자들이 Visual Studio Code 확장자 중 가장 많이 쓰이는 확장자 5개입니다.
하지만 위의 확장자 중 프로그래밍 언어도 있을뿐더러, 추천할만한 확장자는 별로 없습니다.
위의 확장자 중 추천할만한 확장자는 Prettier와 ESLint 입니다.
그 이유로 ESLint의 경우 내가 놓칠 수 있는 코드 오류를 분석하여 자동으로 수정해주기 때문에 굉장히 편리합니다.
또한, Prettier의 경우 내가 어떤 식으로 코드를 작용하든 Prettier만의 스타일로 다시 재배치하여 보여줍니다. (독재자죠)
저는 개인적으로 ESLint + Prettier를 강추합니다.
왜 같이 쓰는 걸 추천하냐고요?
저 둘을 같이 사용하게 되면 ESLint를 통해 오류를 찾아 수정한 다음, Prettier로 코드를 깔끔하게 재배치하기 때문이죠.
생각만 해도 편리하죠?
아마 지금 당장은 느끼기 힘드실지라도,
직접 코딩을 하다 보면 진짜 편리하긴 편리하구나 라고 생각하실 것입니다.
실제로 저는 문장 끝에 ;(세미 콜론)을 붙이지 않는 경우가 종종 있었는데,
위의 두 개 확장자가 알아서 ;를 붙여주니 너무 편리하더라고요!
아무튼!
여러분이 이 글을 통해
확장자란 무엇인지
어떤 확장자가 많이 쓰이고
어떤 확장자가 편리한지
알게 되었다면 저는 만족합니다! :)
그럼 다음 글에서 다시 뵙겠습니다 :)
안녀어어어엉~~~~~
'VSC(Visual Studio Code)' 카테고리의 다른 글
| Visual Studio Code 소개 및 설치 방법 (0) | 2021.03.10 |
|---|