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

Visual Studio Code

• [편리기능] 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] Winter is Coming Theme

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

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

  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
• [Theme] SynthWave'84

  IDE/VSCode 패키지 2019. 8. 12. 02:34

  약간 레트로 느낌이 나는 옛날 8090년도의 느낌의 테마를 찾았다. SynthWave'84 확장팩 내용에 To enable the glow 라는 챕터를 보고 따라하면 글로우효과를 줄 수 있다. 1. VSCode의 custom CSS and JS 확장팩을 설치한다. 2. synthwave84.css 링크를 클릭해 따라가서 css파일을 내려받는다. 3. VSCode settings.json을 열고 (이 부분은 설정을 들어가면 열 수 있음) 4. vscode_custom_css.imports 라는 키로 synthwave84.css의 위치를 추가해준다. 이후 VSCode를 재시작하면 적용된다.

  Read More
• [HTTP 통신] REST Client

  IDE/VSCode 패키지 2019. 7. 31. 14:32

  백엔드 작업을 하면서 HTTP API를 만들면 통신이 유효한지, 원활한지, 원하는 데이터를 주고 받는지 테스트하기 위해서 Postman이나 Advanced REST Client 프로그램을 비롯하여 다양한 HTTP 통신 툴을 사용한다. Advanced REST Client를 사용하고 있었는데 VSCode로 쉽게 통신 테스트를 할 수 있는 확장 프로그램이 있어 설치하여 사용해보고 글을 쓴다. 사용 방법이 간단하고 요청을 보내면 바로 응답 데이터가 VSCode에서 열리기 때문에 좋다! 가장 큰 메리트는 섹션별, 파일별로 저장하여 관리할 수 있어 깔끔하고 용이하다는 것이다. Advanced REST Client를 사용할 때 불편했던 점은 너무 많아지는 탭과 히스토리의 어마어마한 스크롤 양이었다. 사용할 수록 관..

  Read More