본문 바로가기

Development/Tool

[WebStorm] Mark Modified(*) 설정 위치 원래는 Asterisk 라는 이름으로 찾으면 나왔는데 바뀌어서 블로그 남김!
[IntelliJ & Code] 내가 주로 쓰는 단축키 (Shortcut) 어떤 툴을 쓰더라도 툴을 잘 쓰려면 최소한 단축키를 잘 알아야 한다고 생각한다. 왜냐면 당연하게도 그래야 생산성이 좋아지니까. 그래서 나는 어떤 툴을 처음 접할 때에는 단축키 목록을 먼저 본다. 기능 나열이 되어 있어 어떤 기능들이 있는지 알기 쉽고, 또 그 툴이 밀고 있는 주요 기능들이 어떤 것들인지도 알 수 있어서 좋다. (MS의 Code 단축키와 Eclipse 단축키, 그리고 Jetbrains의 IntelliJ까지 서로 중요하게 생각하고 있는 기능들 그리고 방향 및 철학이 달라 병행해서 사용하기 까다로우면서도 쉽다.(?)) 이 포스트는 원래 IntelliJ 단축키만 작성하는 포스트였는데 IntelliJ가 점점 무거워지고 Java 개발을 점점 안 하게 되면서 Visual Studio Code로 넘어가..
[VS Code] 단축키 정리 중.. macOS 기준 Navigate전 커서 위치로 이동: Command + -다음 커서 위치로 이동: Command + Shift + -구현체로 이동 : F12워크스페이스 안에서 심볼 찾기: Command + O파일 안에서 심볼 찾기: Command + Shift + O파일 찾기: Command + P기능 검색: Command + Shift + P왼쪽 파일로 이동: Command + Shift + [오른쪽 파일로 이동: Command + Shift + ]설정: Command + , 참고: https://code.visualstudio.com/docs/editor/editingevolved
[Chrome] DevTools에서 Network, Console 클리어 단축키 웹 개발자에게 필수인 Chrome의 DevTools. (단축키: Alt + Command + I)로그를 볼 때 클리어해서 보는 게 편한데 단축키를 사용하면 더 편하다 ㅋConsole의 Clear 단축키는 Command + K,아쉽게도 Network의 Clear 단축키는 없다ㅜㅜ 편법으로 Recording Network를 껐다가 키면 로그가 사라지는데 그걸 이용해서 Command + E를 두 번 누르면 된다. (https://stackoverflow.com/questions/47993352/chrome-devtools-shortcut-to-clear-network-tab-logs)참고로 터미널 클리어 단축키도 Command + K이다.
[IntelliJ] 작업 중인 메소드명 아니면 클래스명 보기 단축키 Alt + Q를 누르면 커서가 있는 위치의 메소드명이나 클래스명이 나오는 단축키. 커서가 메소드 안에 있으면 메소드명이 먼저 보여지고 한 번 더 누르면 클래스명이 나온다. 커서가 메소드 밖 클래스 안에 있으면 클래스명이 먼저 나온다.
[IntelliJ] 영역 선택? 같은 값을 여러 개 수정할 때 노가다를 좀 줄이자. Alt + Mouse Drag를 하면 아래 스샷처럼 한 영역만 선택하여 수정할 수 있다. 같은 값이 여러 개 일 때 수정이 편하다. 그 상태에서 위 아래 움직이는 것도 가능하고 해제하고 싶으면 다른데를 클릭하면 된다.
[IntelliJ] 자동으로 static import 선언하기 더 좋은 다른 방법이 있는지는 모르겠지만 일단 기억하려고 적어놓는다. 상수나 enum을 사용할 때 해당 클래스명이나 enum명을 사용하지 않고 바로 변수를 사용할 수 있게 해주는 게 static import이다. 그런데 이게 귀찮은 게 Auto-Complete(Control + Space) 기능으로 import를 추가하면 static으로 추가하지 않고 '클래스명.변수명'으로 바꿔버린다. 그래서 static import로 자동완성하고 싶을 때는 Quick Fix( Alt + Enter ) 기능을 통해 static import를 사용하면 된다.public static enum MetricType { TEMPERATURE( "1" ) }이런 enum이 있을 때, 사용하는 코드에서 TEMPERATURE를 치고 ..
[IntelliJ] 대소문자 안 가리고 자동완성 기능 사용하기 Settings -> Editor -> General -> Code Completion -> Case sensitive completion을 None으로 설정하면 된다. 단축키는 Windows의 경우 Control + Alt + S 누르고(Settings) -> Control + F -> Case sensitive 검색
간단한 팁 모음 IntelliJ IDEA를 Eclipse나 다른 툴들을 사용해보지 않고 바로 이 제품을 사용하는 사람은 드물 것이다. 거기에서 오는 불편함(단순히 좀 다르다에 불과하지만)과 IntelliJ는 상용 프로그램이다 보니까 잘만들어져 있고, 많은 기능을 포함하고 있어 오픈소스 툴에 비해서 좀 어렵다? 복잡하다고 느껴질 수 있을 것이다.(나만 그러나..?ㅜㅜ) 여튼 그런 사용자를 위해서(본인을 위해서) 간단 간단한 팁들을 모아놓으려고 한다. 링크가 없으면 글을 아직 안 쓴 것임 ㅋ대소문자 안 가리고 자동완성 기능 사용하기syso와 같은 단축 코드 기능을 설정해서 사용하자(Live Template)properties 파일에서 한글도 보이게 하기저장하지 않은 파일(수정한 파일)에 * 표시하기해당 클래스를 사용하고 있..
[IntelliJ] properties 파일에서 한글 보기 다국어 또는 정적 설정 등의 이유로 아직 *.properties 파일을 사용하는데 이 파일에서 한글을 보려면 Eclipse의 경우엔 Properties 플러그인을 설치해야 볼 수 있다. IntelliJ IDEA에서는 간단한 설정을 통해 한글을 볼 수 있는데 방법은 다음과 같다.Preferences -> Editor -> File Encodings 에서 'Transparent native-to-ascii conversion'를 체크하면 된다.
각종 Fiddle(Playground) 목록 (작성 중) Fiddle?Fiddle은 Playground라고도 하는데 웹상에서 프로그래밍 언어를 테스트 해보고 간단한 샘플을 작성하여 다른 사람과 공유할 수 있는 사이트를 말한다. JSFiddle ( https://jsfiddle.net/ )JSFiddle는 웹 관련 Fiddle이다. 외부 라이브러리(링크만)를 지원하고 HTML, CSS, JavaScript, TypeScript, CoffeeScript, Babel를 지원한다. 가입하면 저장한 소스 목록을 볼 수 있지만 이름이나 폴더 등을 지원하고 있지 않아서 저장한 소스가 많아지면 좀 불편해진다. Fiddle Salad ( http://fiddlesalad.com/typescript )Typescript 언어를 테스트해볼 수 있는 Fiddle이다.
[Atom] 인코딩 변경 방법 아톰의 인코딩은 기본적으로 UTF-8 지정된다. 하지만 간혹 UTF-8이 아닌 EUC-KR이나 다른 걸로 바꿔서 저장을 하거나 읽어야 할 때가 있는데, 이럴 때 유용하게 쓰인다. 인코딩을 바꾸는 방법은 다음과 같다.Control + U -> 검색 or Up/Down 버튼으로 찾기 -> Enter 입력메뉴에서는 어디에 있는지 모르겠다. 단축키가 더 편하고 이것만 알아도 충분해서 찾아보질 않았다.