본문 바로가기
반응형

IDE23

인텔리제이 활용5 - Expand Selection, 변수 추출, 인라인 인텔리제이 활용5 - Expand Selection, 변수 추출, 인라인 Expand Selection - 구문에 맞게 선택 범위를 넓힐 수 있는 기능이며, '괄호 안에', '태그 안에', '더블 쿼터 안에', '괄호를 포함해' 등과 같이 프로그램 작성 도중 범위를 선택하는 경우가 많은데, 이 기능을 활용하면 시작위치와 종료 위치를 IDE가 문맥에 따라 정확하게 확인 된다. 단축키 : Ctrl + W (2번) function whoBigger(args1, args2) { if (args1 > args2) { return args1 } else { return args2 } } 위 if 문 사이에 커서를 두고 Ctrl+W 2번 입력 시 if문 안의 내용이 선택 된다. 범위를 확장하고 싶을 경우 Ctrl+W.. 2021. 1. 18.
인텔리제이 활용4 - Postfix Completion 인텔리제이 활용4 - Postfix Completion Postfix completion (포스트픽스 자동완성 - 입력한 표현식 주위에 템플릿 코드를 자동으로 추가) 단축키 : Tab 자바스크립트에서 인자 2개를 받아 어떤 값이 더 큰지 비교할 경우 보통 if문으로 감싼 후 인자1 > 인자2 일 경우 인자1 값을 리턴 할텐데, 포스트픽스 자동완성 기능을 사용하면 아주 쉽게 템플릿 코드를 자동으로 만들 수 있다. function whoBigger(args1, args2) { args1>args2.if } 위 처럼 입력 후 if 뒤에 커서를 두고 Tab 입력 시 아래와 같이 자동으로 if문 템플릿을 만들어준다. function whoBigger(args1, args2) { if (args1 > args2) .. 2021. 1. 18.
인텔리제이 활용3 - Intention Action 인텔리제이 활용3 - Intention Action Intention Action (인텐션 액션 - 상황이나 조건에 맞게 액션을 수행하는 기능) 단축키 : Alt+Enter div 태그에 class로 "className"을 입력하고 Alt+Enter 시 className css가 없으므로 새로 생성하던지 해당 class 속성을 삭제하라는 도움말 팝업이 표시 된다. Create Selector 클릭 시 Current file, New CSS file..., Existing CSS File... 3가지가 나오는데 각각 Current file : 현재 보고 있는 파일에 css 속성 추가 New CSS File... : 새로운 CSS 파일을 생성하여 className 속성 추가 Existing CSS File... 2021. 1. 18.
인텔리제이 활용2 - Emmet/Zen Coding 인텔리제이 활용2 - Emmet/Zen Coding 에밋(Emmit)은 독자적인 표기법으로 표준 HTML이나 CSS를 단축해 입력하는 방식으로, 이전 이름인 Zen Coding으로도 유명했다. Emmet는 특정도구에 의존하지 않는 특징이 있어서 다양한 에디터나 IDE용 플러그인으로 제공된다. 젯브레인 IDE는 Emmet을 표준으로 지원하고 있어 별도 플러그인 설치 없이 Emmet 표기법을 작성하고 표기법 입력 후 Tab을 누르는 것만으로 해당 기능을 사용할 수 있다. 방대한 정보를 제공하는 공식치트시트(Cheat sheet)도 참고하면 도움이 된다. 아래는 간단한 Emmet 표기법의 작성예제. 생략 표기법 표기법 실행 후 hello | hello{Hello World} Hello World| a a{He.. 2021. 1. 18.
인텔리제이 활용1 - 이클립스, 인텔리제이 단축키 비교 인텔리제이 활용1 - 이클립스, 인텔리제이 단축키 비교 설명 이클립스 인텔리제이 창 닫기 ctrl + w ctrl + F4 창 크게하기 ctrl + m ctrl + shift + F12 import 하기 ctrl + 1 alt + enter 코드포맷 ctrl + shift + F ctrl + alt + L 메소드 단위로 커서 위치 이동 alt + ↑, alt + ↓ 주석처리 동일 줄 : ctrl + /, 블럭 : ctrl + shift + / 커서 위치한 line 옮기기 alt + ↑, alt + ↓ ctrl + shfit + ↑, alt + shift + ↓ 커서 위치한 line 삭제 ctrl + d ctrl + y 커서 위치한 line 복제 ctrl + alt + ↑, ctrl + alt + ↓ ct.. 2021. 1. 18.
반응형