안녕하세요.
GDSC SSWU 5기 Member 이가인입니다.
다들 구글 솔루션챌린지로 코드를 오랜시간 바라보고 계실텐데요, 오늘은 즐거운 코딩생활을 만들어주는 Visual Studio Code(VSCode) 확장프로그램 3개를 추천해드리도록 하겠습니다.
추천에 앞서서 Visual Studio Code(VSCode)에서 확장프로그램을 설치하는 방법을 알려드리겠습니다.
설치방법은 간단합니다.
Visual Studio Code(VSCode)를 실행시키고 동그라미 부분을 클릭한 후 검색창에 확장프로그램명을 검색한 후 설치하면 됩니다.
자 이제 본격적인 확장프로그램 추천을 시작하겠습니다.
Prettier - Code formatter
Prettier - Code formatter
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Prettier는 소스 코드의 형식을 자동으로 포맷팅해주는 확장프로그램입니다.
통일된 스타일(들여쓰기, 세미콜론 사용 등)을 유지하는데 아주 큰 도움을 준답니다. 코드의 가독성이 높아지면 개발하기도 편하고 협업하기도 편해지겠죠?
prettier는 JavaScript, TypeScript, CSS, HTML, JSON, YAML, Markdown 등 다양한 언어를 지원하고 있으며, 탭 너비, 세미콜론 사용 여부, 싱글 쿼트 사용 여부 등에 다양한 요소에 대한 커스터마이징 기능도 제공하고 있습니다.
Material Icon Theme
Material Icon Theme
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Material Icon Theme는 Visual Studio Code(VSCode)에서 파일과 폴더에 대해 좀더 예쁜 아이콘을 제공하는 확장프로그램입니다.
시각적 일관성과 인식하기 쉬운 아이콘으로 가독성이 향상되어 좀더 효율적으로 프로젝트를 관리할 수 있다는 장점이 있습니다.
Power Mode
Power Mode
https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode
Power Mode - Visual Studio Marketplace
Extension for Visual Studio Code - Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.
marketplace.visualstudio.com
마지막 추천 확장프로그램은 코딩을 좀더 즐겁게 할 수 있는 확장프로그램인 Power Mode입니다.
Power Mode는 사용자의 키보드 입력에 반응해 타이핑할 때마다 화면에 다양한 효과를 보여주는 것이 특징인 확장프로그램입니다.
입자의 움직임, 불꽃,폭죽, 진동 등 다양한 이펙트를 제공하고 있으니 취향에 맞는 이펙트를 설정하는 것도 하나의 재미가 되겠습니다.
확장프로그램을 설치한 후 설정페이지에서 이펙트의 종류, 지속시간, 빈도 등을 설정할 수 있습니다.
이 확장프로그램에는 단점도 있습니다.
먼저, 화면에 나타나는 효과가 집중에 방해가 되기도 합니다. (개인적으로 진동모드를 사용할 경우 다소 집중이 어려워지는 것을 체감했답니다. ^^;)
또한, 낮은 사양의 컴퓨터에서 사용시 Power Mode 확장프로그램이 성능저하의 원인이 되기도 한다고 합니다. 효과의 복잡성과 빈도에 따라, 에디터의 반응 속도가 느려지거나 렉이 발생할 수 있다고 하니, 성능 저하를 느낀다면 설정을 변경하거나 확장프로그램의 사용을 중지하는 것을 추천합니다.
아래는 ms에서 제공하는 효과에 실행 모습입니다. 효과들이 다소 역동적인 편이라 꼭 gif를 확인한 후 설치하는 것을 추천합니다.
기본 효과인 Particles 효과입니다.
폭죽이 터지는 효과인 Fireworks 효과입니다.
더 많은 gif는 위의 확장프로그램 설치 링크에서 확인할 수 있습니다.
Visual Studio Code(VSCode) 확장프로그램 3개를 추천을 진행해보았는데요, 이미 설치가 되어있는 확장프로그램도 있고, 새로 알게되는 확장프로그램도 있으셨을것 같습니다. 추천하고 싶은 편리하고 재미있는 확장프로그램이 있다면 댓글로 서로 추천하는 것도 좋을 것 같네요.
이번 글이 여러분의 즐거운 코딩생활에 도움이 되었길 바라며 글을 마무리해보도록 하겠습니다.
감사합니다.