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

IDE

• [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
• [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
• [Icon Theme] Material Icon Theme

  IDE/VSCode 패키지 2019. 7. 23. 14:05

  프로젝트 익스플로러 아이콘 테마다. 예쁨

  Read More
• [Git] GitLens

  IDE/VSCode 패키지 2019. 7. 23. 14:04

  GitLens는 소스 코드에서 마우스로 클릭해서 라인을 보고 있으면 해당 라인에 커밋 시 작성한 코멘트를 볼 수 있다.

  Read More