웹스톰 & 인텔리제이 편리 기능 정리
-
웹스톰 & 인텔리제이의 북마크 기능웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 22. 04:20
코딩 작업을 하다보면 참고해야 하는 코드를 찾아봐야 하거나 이전에 작업하던 코드가 있는 곳으로 돌아가야 할 때가 있다. 그런데 찾는 코드로 별다른 기능 없이 그냥 이동한다면? 스크롤의 압박을 받으면서 힘들게 찾아가야 할 수도 있다. 이런 어려움 없이 한방에 이동할 수 있는 기능이 2가지가 있는데 1) 익명기호 북마크 (Anonymous bookmarks) 2) 연상기호 북마크다. (Mnemonic bookmarks) 위 이미지에서 3번줄에 있는 것이 익명기호 북마크 36번 줄에 있는 것이 연상기호 북마크다. 익명기호 북마크와 연상기호 북마크 모두 '빠르게 찾아 갈 수 있는 표시'라는 공통점이 있지만, 연상기호 북마크는 단축키로 찾아갈 수 있어 더 간편하다. 익명 북마크 익명 북마크는 다음 단축키로 추가 ..
-
웹스톰에서 색상 커스텀하기웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 15. 04:16
웹스톰은 화면을 구성하는 부분들의 색상이 알록달록하다. 필자는 주석으로 TODO 키워드를 치면 자동으로 색상이 눈에 띄게 설정되는게 신기했는데 알고보니 기본적으로 색상들은 사용자가 사용하는 화면 테마에 기본색상이 설정되어 있으며, 주석 TODO도 색상이 설정되어 있기 때문이었다. 이 색상은 Settings >> Editor >> Color Scheme에서 사용자가 자신의 구미에 맞게 커스텀할 수 있다. 예를 들어 주석 TODO 색상을 설정하는 방법은 다음과 같다. 줄번호 색상도 변경할 수 있다.
-
라이브 템플릿 설정으로 자주 쓰는 코드 쉽게 소환하기웹스톰 & 인텔리제이 편리 기능 정리 2024. 4. 8. 08:58
웹스톰과 인텔리제이에서는 라이브템플릿이란 기능으로 쉽게 자주 쓰는 코드를 불러 올 수 있다. 라이브 템플릿을 설정하기 위해, 먼저 Settings로 들어가자. Settings에서 Live Template으로 들어가서, 예시로 Vue에서 쓸 라이브템플릿을 만들어 보겠다. 필자는 팝업 만들기 작업을 많이 하는 관계로, 팝업의 기본 템플릿을 만드는 라이브템플릿을 만들어본다. 먼저 오른쪽의 + 버튼을 눌러서 나오는 Live Template을 클릭하자. 그런 다음 나오는 화면에서 아래와 같이 vpop이란 이름으로 라이브템플릿 이름을 입력해주고 템플릿 텍스트도 입력해준다. 템플릿 텍스트 코드에 있는 $vpop는 변수명이 들어갈 자리다. 그런 다음, 오른쪽의 EDIT VARIABLES 버튼을 눌러서 설정해준다. 이 ..