Visual Studio Code
-
-
[ETC] CodeSnapIDE/VSCode 패키지 2019. 10. 28. 18:19
코드를 캡쳐하는 프로그램을 소개합니다. VSCode 확장팩에 CodeSnap이라는 확장팩이 존재한다. 해당 프로그램은 작성한 코드를 예쁘게 캡쳐해주는 기능을 한다. 캡쳐하고자 하는 코드 파일을 열고 Ctrl + Shift + P를 누르고 CodeSnap을 실행하자. (키보드 숏컷으로 등록해놓고 단축키로 사용하면 더 편하다.) 그럼 오른쪽 창에 이미지 화면이 나타나는데, 좌측에 캡쳐하고 싶은 코드를 드래그하면 드래그 한 만큼 우측에 캡쳐된 미리보기가 생성된다. 하단에 동그란 버튼을 클릭하면 파일로 저장할 수가 있다. 저장하면 아래와 같은 결과물로 파일이 생성된다.
-
-
-
[Theme] SynthWave'84IDE/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를 재시작하면 적용된다.
-
[HTTP 통신] REST ClientIDE/VSCode 패키지 2019. 7. 31. 14:32
백엔드 작업을 하면서 HTTP API를 만들면 통신이 유효한지, 원활한지, 원하는 데이터를 주고 받는지 테스트하기 위해서 Postman이나 Advanced REST Client 프로그램을 비롯하여 다양한 HTTP 통신 툴을 사용한다. Advanced REST Client를 사용하고 있었는데 VSCode로 쉽게 통신 테스트를 할 수 있는 확장 프로그램이 있어 설치하여 사용해보고 글을 쓴다. 사용 방법이 간단하고 요청을 보내면 바로 응답 데이터가 VSCode에서 열리기 때문에 좋다! 가장 큰 메리트는 섹션별, 파일별로 저장하여 관리할 수 있어 깔끔하고 용이하다는 것이다. Advanced REST Client를 사용할 때 불편했던 점은 너무 많아지는 탭과 히스토리의 어마어마한 스크롤 양이었다. 사용할 수록 관..