본문 바로가기

Development/Tool

[VS Code] 단축키 정리 중.. macOS 기준Navigate전 커서 위치로 이동: Command + -다음 커서 위치로 이동: Command + Shift + -구현체로 이동 : F12워크스페이스 안에서 심볼 찾기: Command + O파일 안에서 심볼 찾기: Command + Shift + O파일 찾기: Command + P기능 검색: Command + Shift + P왼쪽 파일로 이동: Command + Shift + [오른쪽 파일로 이동:..
[Chrome] DevTools에서 Network, Console 클리어 단축키 웹 개발자에게 필수인 Chrome의 DevTools. (단축키: Alt + Command + I)로그를 볼 때 클리어해서 보는 게 편한데 단축키를 사용하면 더 편하다 ㅋConsole의 Clear 단축키는 Command + K,아쉽게도 Network의 Clear 단축키는 없다ㅜㅜ 편법으로 Recording Network를 껐다가 키면 로그가 사라지는데 그걸 이용해서 Command + E를 두 번 누르면 된다..
[IntelliJ] 작업 중인 메소드명 아니면 클래스명 보기 단축키 Alt + Q를 누르면 커서가 있는 위치의 메소드명이나 클래스명이 나오는 단축키. 커서가 메소드 안에 있으면 메소드명이 먼저 보여지고 한 번 더 누르면 클래스명이 나온다. 커서가 메소드 밖 클래스 안에 있으면 클래스명이 먼저 나온다.
[IntelliJ] 영역 선택? 같은 값을 여러 개 수정할 때 노가다를 좀 줄이자. Alt + Mouse Drag를 하면 아래 스샷처럼 한 영역만 선택하여 수정할 수 있다. 같은 값이 여러 개 일 때 수정이 편하다. 그 상태에서 위 아래 움직이는 것도 가능하고 해제하고 싶으면 다른데를 클릭하면 된다.
[IntelliJ] 자동으로 static import 선언하기 더 좋은 다른 방법이 있는지는 모르겠지만 일단 기억하려고 적어놓는다. 상수나 enum을 사용할 때 해당 클래스명이나 enum명을 사용하지 않고 바로 변수를 사용할 수 있게 해주는 게 static import이다. 그런데 이게 귀찮은 게 Auto-Complete(Control + Space) 기능으로 import를 추가하면 static으로 추가하지 않고 '클래스명.변수명'으로 바꿔버린다. 그래서 static import로 자동완성하고 싶을 때는 Qui..
[IntelliJ] 사용 중인 단축키 툴을 제대로 쓰려면 단축키를 잘 알아야 한다. 단축키를 잘 안다는 것은 빠르게 그 기능을 쓸 수 있다는 말이지만, 결국은 그 툴의 기능들을 잘 안다는 말이다. 따라서 어떤 툴을 처음 사용하기 시작할 때 단축키를 먼저 알아보는 것이 개인적으로 가장 좋은 방법인 것 같다. 이 포스팅은 개인적으로 간단하게 단축키를 기억하기 위해 적어 놓는 글이고, Mac과 Windows를 넘나들며 사용하는 사람 특성상 단축키가 좀 다를..
[IntelliJ] 대소문자 안 가리고 자동완성 기능 사용하기 Settings -> Editor -> General -> Code Completion -> Case sensitive completion을 None으로 설정하면 된다.단축키는 Windows의 경우 Control + Alt + S 누르고(Settings) -> Control + F -> Case sensitive 검색
간단한 팁 모음 IntelliJ IDEA를 Eclipse나 다른 툴들을 사용해보지 않고 바로 이 제품을 사용하는 사람은 드물 것이다. 거기에서 오는 불편함(단순히 좀 다르다에 불과하지만)과 IntelliJ는 상용 프로그램이다 보니까 잘만들어져 있고, 많은 기능을 포함하고 있어 오픈소스 툴에 비해서 좀 어렵다? 복잡하다고 느껴질 수 있을 것이다.(나만 그러나..?ㅜㅜ) 여튼 그런 사용자를 위해서(본인을 위해서) 간..
[IntelliJ] properties 파일에서 한글 보기 다국어 또는 정적 설정 등의 이유로 아직 *.properties 파일을 사용하는데 이 파일에서 한글을 보려면 Eclipse의 경우엔 Properties 플러그인을 설치해야 볼 수 있다. IntelliJ IDEA에서는 간단한 설정을 통해 한글을 볼 수 있는데 방법은 다음과 같다.Preferences -> Editor -> File Encodings 에서 'Transparent native-to-ascii ..
각종 Fiddle(Playground) 목록 (작성 중) Fiddle?Fiddle은 Playground라고도 하는데 웹상에서 프로그래밍 언어를 테스트 해보고 간단한 샘플을 작성하여 다른 사람과 공유할 수 있는 사이트를 말한다.JSFiddle ( https://jsfiddle.net/ )JSFiddle는 웹 관련 Fiddle이다. 외부 라이브러리(링크만)를 지원하고 HTML, CSS, JavaScript, TypeScript, CoffeeScript, Babel를 지원한다..
[Atom] 인코딩 변경 방법 아톰의 인코딩은 기본적으로 UTF-8 지정된다. 하지만 간혹 UTF-8이 아닌 EUC-KR이나 다른 걸로 바꿔서 저장을 하거나 읽어야 할 때가 있는데, 이럴 때 유용하게 쓰인다. 인코딩을 바꾸는 방법은 다음과 같다.Control + U -> 검색 or Up/Down 버튼으로 찾기 -> Enter 입력메뉴에서는 어디에 있는지 모르겠다. 단축키가 더 편하고 이것만 알아도 충분해서 찾아보질 않았다.
[IntelliJ] 에디터 왼쪽바에 (gutter) CSS 색상 안 나오게 하기                     왼쪽이 제대로 컬러가 있을 때, 오른쪽이 수정 시 컬러가 사라졌을 때IntelliJ를 이용해서 외부 파일을 수정할 때 CSS 색상 표시가 나오는 부분이 생겼다가 없어졌다가 생겼다가 없어졌다가 막 그런다. 이게 수정하려고 점 한 번 찍을 때 없어졌다가, 키보드 타이핑을 잠깐 멈출 때 다시 생겼다가 다시 타이핑 ..