자몽아이스티맛의 기술 블로그 자몽아이스티맛의 기술 블로그

IDE/VSCode 패키지

• [편리기능] indent-rainbow

  IDE/VSCode 패키지 2019. 11. 13. 13:23

  코드 내에 빈 칸을 색깔별로 구분지어주는 확장 프로그램이다.

  Read More
• [편리기능] Import Cost

  IDE/VSCode 패키지 2019. 11. 13. 13:21

  JavaScript 기반 언어로 모듈을 코드 내에 불러올 때 해당 모듈의 무게를 계산해주는 확장 프로그램이다. 중요한 건 내가 만든 모듈은 계산이 안되고, npm 모듈만 사이즈를 측정해준다.

  Read More
• [ETC] CodeSnap

  IDE/VSCode 패키지 2019. 10. 28. 18:19

  코드를 캡쳐하는 프로그램을 소개합니다. VSCode 확장팩에 CodeSnap이라는 확장팩이 존재한다. 해당 프로그램은 작성한 코드를 예쁘게 캡쳐해주는 기능을 한다. 캡쳐하고자 하는 코드 파일을 열고 Ctrl + Shift + P를 누르고 CodeSnap을 실행하자. (키보드 숏컷으로 등록해놓고 단축키로 사용하면 더 편하다.) 그럼 오른쪽 창에 이미지 화면이 나타나는데, 좌측에 캡쳐하고 싶은 코드를 드래그하면 드래그 한 만큼 우측에 캡쳐된 미리보기가 생성된다. 하단에 동그란 버튼을 클릭하면 파일로 저장할 수가 있다. 저장하면 아래와 같은 결과물로 파일이 생성된다.

  Read More
• [Theme] Field Lights Theme

  IDE/VSCode 패키지 2019. 10. 21. 15:42

  테마가 어찌된게 오래가질 않는다.. 쉽게 눈에 질려서 새로운 테마를 찾아봤다. 노랭노랭한 테마다. 아이콘 테마까지 지원해서 꽤 유용하다. 실제 코드 입력 폼은 약간 뿌연느낌이라 눈이 편안하다.

  Read More
• [Theme] Winter is Coming Theme

  IDE/VSCode 패키지 2019. 9. 26. 15:14

  시퍼런 테마를 추천한다. 겨울 느낌이 나는 시원한 테마다.

  Read More
• [편리기능] JS Parameter Annotations

  IDE/VSCode 패키지 2019. 9. 25. 13:31

  인텔리J를 사용하며 항상 탐났던 기능이 있다. 메소드 파라미터로 인자를 넣으면 IDE가 각각 인자가 어떤 속성을 의미하는지를 알려주는 기능이 있다. 이클립스나 VSCode를 쓰면서 해당 기능이 부러워서 커뮤니티 버전도 깔아서 맛도 보고 했었는데 VSCode에 확장 프로그램이 있더라. 단, JS와 TS에만 적용되나봄

  Read More
• [편리기능] TabOut

  IDE/VSCode 패키지 2019. 8. 12. 03:53

  이클립스나 인텔리j를 이용하며 개발하다가 VSCode를 사용할 때 가장 불편한 것 중 1순위는 특수문자 작성 중 탭을 이용하여 벗어날 수가 없다는 것이다. 예를 들어 if (어쩌구 저쩌구를 입력하고 있을 때 소괄호를 빠져나가기 위해서 탭을 누르면 자동으로 닫는 소괄호가 작성되며 그 바깥으로 커서 포커스가 발생한다. 그러나 VSCode는 if (어쩌구 저쩌구 ) 이런 상황이 발생하여 여간 불편한게 아니다. 이 확장팩은 이런걸 해결해준다.

  Read More
• [주석] Better Comments

  IDE/VSCode 패키지 2019. 8. 12. 03:49

  주석을 달 때 좀 더 다양한 효과를 줄 수 있는 확장팩이 있다.

  Read More