본문 바로가기

Development/Tool

[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] 사용 중인 단축키 툴을 제대로 쓰려면 단축키를 잘 알아야 한다. 단축키를 잘 안다는 것은 빠르게 그 기능을 쓸 수 있다는 말이지만, 결국은 그 툴의 기능들을 잘 안다는 말이다. 따라서 어떤 툴을 처음 사용하기 시작할 때 단축키를 먼저 알아보는 것이 개인적으로 가장 좋은 방법인 것 같다. 이 포스팅은 개인적으로 간단하게 단축키를 기억하기 위해 적어 놓는 글이고, Mac과 Windows를 넘나들며 사용하는 사람 특성상 단축키가 좀 다를 수 있다.(Windows와 Mac 단축키 좀 통일 시켜줬으면 좋겠다ㅠㅠ)왼쪽은 macOS, 오른쪽은 Windows Command + Space ( Control + Space ) : 자동완성Option + Enter ( Alt + Enter ) : 문제 자동 수정Command + Shift +..
[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 입력메뉴에서는 어디에 있는지 모르겠다. 단축키가 더 편하고 이것만 알아도 충분해서 찾아보질 않았다.
[IntelliJ] 에디터 왼쪽바에 (gutter) CSS 색상 안 나오게 하기 왼쪽이 제대로 컬러가 있을 때, 오른쪽이 수정 시 컬러가 사라졌을 때 IntelliJ를 이용해서 외부 파일을 수정할 때 CSS 색상 표시가 나오는 부분이 생겼다가 없어졌다가 생겼다가 없어졌다가 막 그런다. 이게 수정하려고 점 한 번 찍을 때 없어졌다가, 키보드 타이핑을 잠깐 멈출 때 다시 생겼다가 다시 타이핑 시작하면 없어지고 이런 식이다. 문제는 생기거나 없어지거나 왼쪽 바의 넓이가 그대로면 괜찮은데, 줄어들었다가 늘었다가 하기 때문에 보이는 코드도 계속 왼쪽으로 갔다 오른쪽으로 갔다 이렇게 보여서 눈이 아프고, 집중 못 하겠고 코딩하기가 힘들어진다.여튼, 각설하고 설정하는 방법은 아래와 같다.