tools & libs/IDES
-
유용한 플러그인 1. Live Server : html을 바로 웹 서버에서 실행해준다. 2. prettier 3. Path Intellisense : file의 경로를 자동완성함 4. auto rename tag html, xml의 시작 태그를 고치면 자동으로 끝 태그도 수정해준다. 5. Vue Peek 사용된 Vue Component를 쉽게 추적할 수 있게 도와준다. 8. Material Icon Theme 9. Blockman 아이콘이 이뻐진다. ㅎㅎ
[vscode] 웹 개발에 유용한 플러그인 모음유용한 플러그인 1. Live Server : html을 바로 웹 서버에서 실행해준다. 2. prettier 3. Path Intellisense : file의 경로를 자동완성함 4. auto rename tag html, xml의 시작 태그를 고치면 자동으로 끝 태그도 수정해준다. 5. Vue Peek 사용된 Vue Component를 쉽게 추적할 수 있게 도와준다. 8. Material Icon Theme 9. Blockman 아이콘이 이뻐진다. ㅎㅎ
2019.11.06 -
이번 포스트에서는 vscode에서 snippets 작성에 대해 살펴보자. vscode snippets 사용 snippet 작성 file --> preferences --> user snippets 를 선택하면 어떤 파일 타입에 snippets을 작성할 것인지 물어본다. 예를 들어 html에서 사용할 snippet이라면 html.json을 선택한다.(없다면 만든다) 또는 사용중인 file에서 F1 입력 후 command palette에서 Snippets 선택 후 위의 화면에 진입할 수도 있다. 이후 아래와 같은 형태로 snippet을 등록한다. "router": { "prefix": "router 등록", "body": [ "" ], "description": "router" }, snippets 사용 아..
[vscode]snippets 작성이번 포스트에서는 vscode에서 snippets 작성에 대해 살펴보자. vscode snippets 사용 snippet 작성 file --> preferences --> user snippets 를 선택하면 어떤 파일 타입에 snippets을 작성할 것인지 물어본다. 예를 들어 html에서 사용할 snippet이라면 html.json을 선택한다.(없다면 만든다) 또는 사용중인 file에서 F1 입력 후 command palette에서 Snippets 선택 후 위의 화면에 진입할 수도 있다. 이후 아래와 같은 형태로 snippet을 등록한다. "router": { "prefix": "router 등록", "body": [ "" ], "description": "router" }, snippets 사용 아..
2019.11.06 -
기본 단축키 모음
[vscode] 단축키기본 단축키 모음
2019.10.25 -
이 플러그인은 2020.03.18일 현재 사용중 버그가 발생하는 등 오히려 번거로움이 발생하여 추천하지 않습니다. 이클립스 포톤(Photon) 버전에는 코드 작성 시 생산성을 향상시키기 위한 Code Minding API가 포함되어있다. 이 기능을 활성화 시키면 android studio나 intelli j에서 처럼 메서드 사용 시 파라미터 이름을 보이거나 멤버 변수들이 얼마나 참조되는지를 직관적으로 보여준다. 좋은 기능이긴 하지만 할 수 있는게 매우 제한적이다. 추가로 Angela ZERR에서 개발한 서드파티 플러그인을 이용하면 좀 더 강력한 기능을 사용할 수 있다. 플러그인 설치가 완료되면 아래처럼 추가적인 메뉴가 표시된다. 플러그인을 사용하면 원래의 Code Mining과 기능이 겹치기 때문에 기존..
[eclipse] JDT Code mining 플러그인이 플러그인은 2020.03.18일 현재 사용중 버그가 발생하는 등 오히려 번거로움이 발생하여 추천하지 않습니다. 이클립스 포톤(Photon) 버전에는 코드 작성 시 생산성을 향상시키기 위한 Code Minding API가 포함되어있다. 이 기능을 활성화 시키면 android studio나 intelli j에서 처럼 메서드 사용 시 파라미터 이름을 보이거나 멤버 변수들이 얼마나 참조되는지를 직관적으로 보여준다. 좋은 기능이긴 하지만 할 수 있는게 매우 제한적이다. 추가로 Angela ZERR에서 개발한 서드파티 플러그인을 이용하면 좀 더 강력한 기능을 사용할 수 있다. 플러그인 설치가 완료되면 아래처럼 추가적인 메뉴가 표시된다. 플러그인을 사용하면 원래의 Code Mining과 기능이 겹치기 때문에 기존..
2019.10.19 -
에디터 설정 메뉴 접근: file -> preferences -> settings 자주 사용되는 항목들은 Commony Used에 모여있어서 편하다. Font Size: 16 Font Family: D2Coding Line Height: editor: 25 terminal: 1.2 Mouse Wheel Zoom: true Format On Paste: true 테마 변경: file -> preferences -> settings -> workbench -> appearances -> color theme 수정 키맵 변경: file -> preferences -> keymap -> eclipse keymap 설정
[vscode] 자질구래한 설정에디터 설정 메뉴 접근: file -> preferences -> settings 자주 사용되는 항목들은 Commony Used에 모여있어서 편하다. Font Size: 16 Font Family: D2Coding Line Height: editor: 25 terminal: 1.2 Mouse Wheel Zoom: true Format On Paste: true 테마 변경: file -> preferences -> settings -> workbench -> appearances -> color theme 수정 키맵 변경: file -> preferences -> keymap -> eclipse keymap 설정
2019.10.17 -
이번 클래스에서 Visual Studio Code를 이용해서 수업을 하기로 했다. 익숙치 않은 툴이므로 사용법을 기록해둘 계획이다. VSCode는 대부분의 언어를 지원하지만 그냥 툴 자체로만 보면 빈 깡통같다. 따라서 대부분의 작업에 extension이 필요하다. 이번 글에서는 Java 개발 환경을 구축해보자. 1. Java Extension Pack 설치 extensions에서 java extension pack를 검색한다. 동일한 이름의 확장팩들이 여러개 있는데 가장 인기 있는 걸로 선택해보자. Popular ~ 로 설명이 되어있는 가장 위에 위치한 확장팩을 선택한다. 만족도가 매우 높고 다운로드 횟수도 가장 많다. ㅎ 이 확장팩을 설치하면 자동으로 Debugger, TestRunner, Maven,..
[vscode] 자바 개발 환경 설정이번 클래스에서 Visual Studio Code를 이용해서 수업을 하기로 했다. 익숙치 않은 툴이므로 사용법을 기록해둘 계획이다. VSCode는 대부분의 언어를 지원하지만 그냥 툴 자체로만 보면 빈 깡통같다. 따라서 대부분의 작업에 extension이 필요하다. 이번 글에서는 Java 개발 환경을 구축해보자. 1. Java Extension Pack 설치 extensions에서 java extension pack를 검색한다. 동일한 이름의 확장팩들이 여러개 있는데 가장 인기 있는 걸로 선택해보자. Popular ~ 로 설명이 되어있는 가장 위에 위치한 확장팩을 선택한다. 만족도가 매우 높고 다운로드 횟수도 가장 많다. ㅎ 이 확장팩을 설치하면 자동으로 Debugger, TestRunner, Maven,..
2019.10.17 -
maven을 사용하다 보면 에 test로 잡혀있는 부분들이 있다. 일반적인 소스에서 이 라이브러리를 사용하려면 를 지우고 사용한다. 하지만 test scope에서만 사용하고 싶다면 junit test용 폴더가 있어야 한다.eclipse에서 test용 폴더를 생성하는 방법에 대해 알아보자. 1.일단 프로젝트의 구조를 살펴보자. 먼저 좌측의 프로젝트를 살펴보자. 일반적인 maven project라면 src/main/java, src/main/resources, src/test/java 등의 구조가 있어야 하지만 위는 그렇지 않다. 이유는 일반 project를 만든 후 maven project로 변경했기 때문이다. 이 경우 구조를 완전히 재정비하기는 어렵다. 따라서 src 경로 외부에 test를 만들 수밖에 ..
[eclipse] 테스트 소스를 위한 폴더 생성maven을 사용하다 보면 에 test로 잡혀있는 부분들이 있다. 일반적인 소스에서 이 라이브러리를 사용하려면 를 지우고 사용한다. 하지만 test scope에서만 사용하고 싶다면 junit test용 폴더가 있어야 한다.eclipse에서 test용 폴더를 생성하는 방법에 대해 알아보자. 1.일단 프로젝트의 구조를 살펴보자. 먼저 좌측의 프로젝트를 살펴보자. 일반적인 maven project라면 src/main/java, src/main/resources, src/test/java 등의 구조가 있어야 하지만 위는 그렇지 않다. 이유는 일반 project를 만든 후 maven project로 변경했기 때문이다. 이 경우 구조를 완전히 재정비하기는 어렵다. 따라서 src 경로 외부에 test를 만들 수밖에 ..
2019.10.14 -
이클립스에서는 메서드, 주석 등을 단위로 기본적으로 folding이 가능하다. 하지만 아쉽게도 if, while, for 등 제어문의 블럭을 단위로 하는 folding은 지원하지 않는다. 이때 coffee-bytes 라는 클러그인을 설치해보자. https://github.com/stefaneidelloth/EclipseFolding/raw/master/com.cb.platsupp.site stefaneidelloth/EclipseFolding Provides an update site for the coffee-bytes code folding plugin - stefaneidelloth/EclipseFolding github.com 설치 방법은 plugins 폴더 안의 com.cb.eclipse.fol..
[eclipse] control block folding이클립스에서는 메서드, 주석 등을 단위로 기본적으로 folding이 가능하다. 하지만 아쉽게도 if, while, for 등 제어문의 블럭을 단위로 하는 folding은 지원하지 않는다. 이때 coffee-bytes 라는 클러그인을 설치해보자. https://github.com/stefaneidelloth/EclipseFolding/raw/master/com.cb.platsupp.site stefaneidelloth/EclipseFolding Provides an update site for the coffee-bytes code folding plugin - stefaneidelloth/EclipseFolding github.com 설치 방법은 plugins 폴더 안의 com.cb.eclipse.fol..
2019.09.06