상세 컨텐츠

본문 제목

WebStrom에서 사용하는 다양한 단축키 모음

개발

by 베르월드 2023. 3. 17. 20:13

본문

코딩을 하면서 제일 처음으로 사용한 코딩툴은  Notepad++로 코딩을 대부분 손으로 입력해 가면서 하다가, Vs Code를 사용하게 되었고, 이후 회사에서 처음 webstorm을 사용하면서  여러 가지 툴을 많이, 오래 사용해 보지는 않았지만 가장 사용성이 많은 단축키들이 있는 거 같다고 생각했다.

 

가끔씩 구글링을 해서 단축키들을 찾아보지만 한 블로그에서 원하는 모든 단축키에 대한 정보는 얻지 못하기도 하고...

웹스톰에 공식 문저로 정리되어있지만...영문이라 바로바로 이해하고 사용하기에는 어려워서

언젠가 한 번은 정리를 해보고 싶었는데 이번기회로 웹스톰에 있는 단축키들을 한 번에 정리할 수 있게 되었다.

 

윈도우, 맥 유저분들 모두 단축키 검색해서 사용해 보세요😎

윈도우
윈도우로고 command 또는 cmd ⌘
shift shift
Alt  option 또는 alt ⌥
Ctrl control 또는 ctrl ⌃
caps lock caps lock ⇪
fn fn

 

Editing  
Ctrl + Space Basic code completion
함수나 변수의 기본 코드완성
Alt + Enter Show intention actions and quick-fixes
해당 변수나,함수,키워드에서 사용 할 수있는 액션목록
Ctrl + P Parameter info (within method call arguments)
함수 파라미터에서 어떤 method의 파라미터를 사용해야 되는지 알려준다.
Ctrl + F1 Show descriptions of error or warning at caret
커서 위치에 오류메세지, 경고 메세지 보여줌
Alt + Insert Generate code...
생서
Ctrl + Alt + T Surround with...(if..else, try..catch, for, etc.)
코드 감싸기
Ctrl + J Insert Live template
많이 사용하는 코드스타일로 자동완성
Ctrl + / Comment/uncomment with line comment
주석
Ctrl + Shift + / Comment/uncomment with block comment
주석해제
Ctrl + W Select successively increasing code blocks
텍스트 확장 선택
Ctrl + Shift + W Decrease current selection to previous state
텍스트 확장 선택취소
Alt+Q Context Info
함수가 어디 안에 들어있는지 보여줌
Ctrl + Alt + L Reformat code
파일단위 코드 정렬
Ctrl + Alt + I Auto-indent line(s)
자동 들여쓰기
Tab Indent selected lines
선택한 라인 들여쓰기
Shift + Tab Unindent selected lines
들여쓰기 해제
Ctrl + Shift + V Paste from recent buffers...
최신 내용 붙여넣기
Ctrl + D Duplicate current line or selected block
선택된 블럭 복제
Ctrl + Y Delete line at caret
라인 삭제
Alt + Shift + Up Move line up
라인을 위로 이동
Alt + Shift + Down Move line down
라인 아래로 이동
Ctrl + Shift + J Join lines
아래있는 라인과 합침
Ctrl + Enter Split lines
코드를 아래로 내림
Shift + Enter Start new line
새로운 라인 생성
Ctrl + Shift + U Toggle case for word at caret or selected block
코드를 대문자로 변경
Ctrl + Shift + ] Select till code block end
해당 코드에서 가장가까운 괄호의 끝으로
Ctrl + Shift + [ Select till code block start
해당 코드에서 가장가까운 괄호의 시작으로
Ctrl + Delete Delete to word end
단어 끝까지 지우기
Ctrl + Backspace Delete to word start
단어의 시작부터 지우기
Ctrl + NumPad+ Expand code block
코드 확장
Ctrl + NumPad- Collapse code block
코드 축소
Ctrl + Shift + NumPad+ Expand all
파일 내 코드 전체 확장
Ctrl + Shift + NumPad- Collapse all
파일 내 코드 전체 축소
Ctrl + F4 Close active editor tab
켜져있는 파일 탭 끄기
Ctrl + Ctrl + ↑
Multiple carets
다중 커서

 

Multiple carets and selections
Alt + Click Add or remove caret
커서를 여러개 추가하거나 , 제거
Shift + Ctrl + Alt + J Select all occurrences
동일한 단어 모두 선택
Alt + J Select next occurrence
동일한 단어 선택
Alt + Shift + J Unselect occurrence
단어선택 해제

 

주로 InteliJ에서 사용을 하는 단축키들 모음

Running
Alt + Shift + F10 Select configuration and run
선택 배열 실행
Alt + Shift + F9 Select configuration and debug
선택 배열 디버깅
Shift + F10 Run
inteliJ 사용할 때 실행시키기
Shift + F9 Debug
inteliJ 사용할 때 디버깅

 

작업을 하면서 특정 함수, 상수, method 등의 경로나 다른 페이지들에서 찾을 때 사용하는 단축키 모음

Navigation  
Ctrl + B , Ctrl + Click Go to declaration
함수나 클래스로 검색 및 이동
Ctrl + N Go to class
클래스 검색 및 이동
Ctrl + Shift + N Go to file
파일 검색 및 이동
Ctrl + Alt + Shift + N Go to symbol
메소드 검색 및 이동
Alt + Right Go to next editor tab
작업하던 다음 탭으로 이동
Alt + Left Go to previous editor tab
작업하던 이전 탭으로 이동
Ctrl + G Go to line
해당번호의 라인으로 이동
Ctrl + E Recent files popup
최근 열었던 파일목록
Ctrl + Alt + Right Navigate forward
이전 작업위치
Ctrl + Alt + Left Navigate back
다음 작업 위치
Ctrl + Shift + Backspace Navigate to last edit location
작업하던 위치로 돌아가기 (페이지이동도 함)
Alt + F1 Select current file or symbol in any view
project,structure등 원하는 화면으로 포커스 전환
Ctrl + Shift + I Open quick definition lookup
간단한 정의 찾기
Ctrl + Shift + B Go to type declaration
키워드의 정의한 부분으로 이동
Ctrl + U Go to super-method/super-class
대문자, 소문자로 변환
Alt + Up Go to previous method
상단에 있는method 목록  보이기
Alt + Down Go to next method
하단에 있는 method 목록 보이기
Cltrl + Shift + M Move caret to matching brace
함수가 묶여있는 괄호를 선택
Ctrl + F12 File structure popup
함수 검색
F2 / Shift + F2 Next/previous highlighted error
오류나는 부분으로 이동
F4 , Ctrl + Enter Jump to source
편집,코드 소스보기
Alt + Home Jump to navigation bar
켜져있는 탭을의 목록으로 이동

 

검색할 때 주로 사용하는 단축키 모음

Search/Replace
Ctrl + F Find
현재 있는 페이지에서 검색
F3 Find next
다음 찾기
Shift + F3 Find previous
이전 찾기
Ctrl + Shift + F Find in path
프로젝트 내 모든 소스코드에서 검색
Ctrl + R Replace
변경
Ctrl + Shift + R Replace in path
모든 경로에서 변경

 

Usage Search
Alt + F7 Find usages
사용되는 페이지 다 보여줌
Ctrl + F7 Find usages in file
파일 안에서 함수 호출 찾기
Ctrl + Shift + F7 Highlight usages in file
찾는 함수에 하이라이트 처리
Ctrl + Alt + F7 Show usages
함수를 호출하는 곳 검색

 

Refactoring
Ctrl + Alt + Shift +T Refactor this
코드 리팩토링
F5 / F6 Copy / Move
파일 복사 / 이동
Alt + Delete Safe Delete
변수명 안전하게 삭제
Shift + F6 Rename
이름 일괄 변경
Ctrl + F6 Change function signature
함수전체 변경
Ctrl + Alt + N Inline Variable
임시변수에 담긴 값을 하나로 단축 시켜줌
Ctrl + Alt + M Extract Method
메소드 만들기
Ctrl + Alt + V Extract Variable
변수 만들기
Ctrl + Alt + C Extract Constant
상수 만들기
Ctrl + Alt + P Extract Parameter
함수 내 하드코딩되어있는 값을 파라미터로 만들기
VCS/Local History
Alt + BackQuote (`) ‘VCS’ quick popup
자주 사용하는 커밋,롤백등 팝업으로 보여줌
Ctrl + K Commit project to VCS
커밋하기
Ctrl + T Update project from VCS
업데이트하기
Alt + Shift + C View recent changes
최근 바뀐 부분들 보기

 

General
Double Shift Search everywhere
모듈, 함수찾기
Alt + #[0-9] Open corresponding tool window
빠른 인터페이스 전환
Ctrl + Shift + F12 Toggle maximizing editor
하단에 있는 editor 펼치고 닫기
Alt + Shift + F Add to Favorites
파일 즐겨찾기에 추가
Alt + Shift + I Inspect current file with current profile
최근 사용한 파일 정보보기
Ctrl + BackQuote (`) Quick switch current scheme
최근 설정페이지로 이동
Ctrl + Alt + S Open Settings dialog
설정 페이지로 이동
Ctrl + Tab Switch between tabs and tool window
옆탭의 페이지로 이동

이번기회를 통해  잘 모르고 있던 단축키들도 많이 알게 되어서 이후 개발 툴을 사용하면서 사용하면서 매번 사용하고 싶어서 찾아보지만, 손에 익지 않아서 사용하지 못하고 있던 단축키들을 한 번에 정리해 놓고 유용하게 사용하며, 개발 시간도 단축시킬 수 있을 것 같다

 

자주 손이 가던 코드들과 정리하면서 유용하다고 느꼈던 단축키들이 있어서 사용해 보는 것을 추천드립니다.^^

  • Ctrl + Shift + F12.
  • alt+9 : 커밋하는 파일들과 내용을 작성하는 tool이 나옴
  • alt+0 : 하단에 git log를 볼 수 있다
  • Ctrl + K : 작업하면서 무조건 사용하는 commit 하기
  • Ctrl + NumPad :  왼쪽  +,-, 버튼을 누르면 축소, 확장되던 코드 단축키로 사용
  • F2 : 페이지의 오류에 커서를 이동시켜 준다.
  • Ctrl + Shift + U : 대소문자 변경
  • Ctrl + Ctrl + ↑ : 여러 코드를 한 번에 변경시킬 때 다중 커서로 선택할 수 있다.

'개발' 카테고리의 다른 글

[HTML] 엔티티 코드 (Entity Code)  (0) 2023.03.31
Cookies, Session, JWT  (0) 2023.03.24
웹 표준과 크로스 브라우징  (0) 2023.02.24
Spring security  (0) 2023.02.19
[Javascript] 반복문 정리(for, for in, for of, forEach)  (0) 2023.02.11

관련글 더보기