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

IDE

• [Theme] Darcula Theme

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

  인텔리j를 쓰다보면 다큘라 테마가 눈에 참 편하게 느껴진다. VSCode에서도 써보자.

  Read More
• 공통) Bracket Pair Colorizer 2

  IDE/VSCode 패키지 2019. 3. 19. 14:17

  공통) Bracket Pair Colorizer 2코드를 작성하다보면 괄호와 중괄호, 대괄호를 많이 쓰게 된다. 개발자란 어쩔 수 업슴... 이게 줄이 길어지면 간혹 시작 괄호와 끝 괄호를 보기 불편할 때가 있는데, 이번에 가져온 패키지는 이런 문제를 해소해준다. Bracket Pair Colorizer 2 패키지는 괄호 한 쌍 마다 다른 색깔을 부여하여 시작과 끝을 알기 쉽게 해준다. 이거 개꿀이다.

  Read More
• [HTML] Highlight Matching Tag

  IDE/VSCode 패키지 2019. 3. 9. 00:45

  [HTML] Highlight Matching TagHTML 파일을 작성하면서 태그가 많아지거나 하나의 태그 안에 자식 태그가 너무 많아져 눈으로 보기에 열고 닫히는 태그가 어느 부분인지 한 눈에 파악하기 힘든 경우가 많다. 이런 경우 시작 태그와 닫는 태그를 시각적으로 표현해주는 플러그인이 있다. 태그에 포커스를 맞추면 실눈금이 닫는 태그의 위치까지 연결시켜 표현해준다.

  Read More
• [JavaScript] JavaScript (ES6) code snippets

  IDE/VSCode 패키지 2019. 3. 4. 11:10

  [JavaScript] JavaScript (ES6) code snippets프론트엔드 개발자를 위한!(이라고 쓰고 풀스택을 위한...)자바스크립트 ES6 기준 스니펫 플러그인이다. 회사에서도 ES6를 지향하는 분위기라 한번 설치해보고 사용 중이다.

  Read More
• [CSS 플러그인] VS Color-picker

  IDE/VSCode 패키지 2019. 3. 4. 11:06

  [CSS 플러그인] VS Color-picker개발을 하다보면 CSS 속성으로 color 속성을 정의해야할 때가 있다.그럴 때 웹으로 RGB 색상표를 열어서 보곤 하는데 그게 엄청 귀찮은 일이다... Atom도 그랬지만 VSCode도 색상표를 직접 호출할 수 있는 플러그인이 있다. 이제 색상 정의하기 편해지겠지..?

  Read More
• [Vue 플러그인] Vetur, Vue 2 Snippets

  IDE/VSCode 패키지 2019. 3. 4. 10:55

  [Vue 플러그인] Vetur뷰 프레임워크에 대해서 다양한 기능들을 제공하는 플러그인이다..vue 파일에 대한 코드들을 만들어주는 기능을 비롯해 디버깅, 자동 완성 등등을 지원한다. .vue 파일에서 scaffold를 입력하면 template 태그, script 태그, style 태그를 기본적으로 만들어준다. [Vue 플러그인] Vue 2 SnippetsVetur만 사용했을 때 모든 기능들에 Snippet이 적용되진 않더라.EX) 뷰 인스턴스에서 components 속성을 정의하기 위해서 자동 완성이 표현되지 않는다던가... 그래서 그런 부분들을 해소 시켜주는 플러그인으로 이것을 사용한다. 속성들에 대한 snippet 이나 인스턴스 생성 기능을 제공해준다.

  Read More
• [HTML 플러그인] Auto Rename Tag

  IDE/VSCode 패키지 2019. 3. 4. 10:28

  [HTML 플러그인] Auto Rename TagHTML을 짜다보면 태그를 잘못 작성하거나 다른 태그로 변경하고 싶을 때가 있다.그럴 때 마다 열고 닫는 태그를 지우고 새로 작성하는게 여간 귀찮은게 아니다. 그럴 때 Auto Rename Tag 플러그인을 사용하면 매우 도움이 된다. 이미 작성한 태그여도 열거나 닫은 태그를 수정하면 반대쪽이 함께 수정된다!

  Read More
• [테마 추천] Material Syntax - dark, Night Owl

  IDE/VSCode 패키지 2019. 3. 3. 16:06

  [테마 추천] Material Syntax - dark기존 VSCode의 테마를 디폴트 (Dark +)를 쓰고 있었는데 어쩌다보니 캡틴 판교님으로부터 테마를 두개 추천받게 되었다. (너무 감사합니다!) VSCode 확장팩 검색에서 Material Syntax - dark로 검색하면 다음과 같은 테마가 검색된다. (왼쪽 = Default Dark + | 오른쪽 = Material Syntax) 백그라운드 색상은 비슷하게 검은색으로 표현되고, 전체적으로 색은 알록달록하되, 파스텔 느낌의 색상으로 표현해준다.주석의 경우 짙은 회색에 가깝게 표현되고, 문자열을 표현하는 따옴표( ' )와 백틱 ( ` )이 색상 구분이 되어 코드 읽기가 수월해졌다. [테마 추천] Night OwlVSCode 확장팩 검색에서 Nig..

  Read More