Developer Calssess

Intellij에서 프로젝트를 열면, 항상 궁금했던 것이 하나 있는데, 도대체 이 TODO 기능은 도대체 어떻게 쓰는가? 에 대한 것이었다. 도대체 어떤식으로 작동하는 건데..라며 생각했던적이 있었다.

얼마전에 //TODO 주석이 포함된 복사하다가 오잉? 하이라이트가 되는 것을 보고, TODO기능의 쓰임에 대해서 찾아보았다. 

TODO는 어떻게 쓰는가?

의외로 간단했다. 주석달고 //TODO나 //FIXME를 통해서 색반전이 되면서 더 가독성이 높아진다. 그리고 또한 멀티라인을 사용하고 싶은경우 -를 앞에 붙혀주면 멀티라인도 가능하다.

그리고 TODO 탭에서 그 코드가 TODO와 FIXME가 몇번째 줄인지도 알려준다.

TODO도 커스텀하게 사용가능함!

FIXME는 빨간색으로 강조를 하면 더 좋을텐데... 기본설정은 저 약간 누리끼리한색으로 고정이다. 그래서 설정을 변경하려면, 다음처럼 Settings나 Preferences를 통해서 TODO에서 설정을 변경할 수 있다. 

특정 패턴도 수정할 수 있고, Use Color scheme TODO default colors를 체크아웃하면 나만의 특정 색으로 변경도 가능하다.  다음처럼 빨간색을 변경시키면, 

이렇게 색이 변경된다.

이런식으로 내가 수정할 혹은 추가해야할 코드의 위치를 TODO를 통해서 빠르게 확인하는 방법을 알아보았다.

출처:www.jetbrains.com/help/idea/using-todo.html

출처: https://sundries-in-myidea.tistory.com/116 [얇고 넓은 개발 블로그]

Prettier란?

코드 포멧터(Code Formatter)란 개발자가 작성한 코드를 정해진 코딩 스타일을 따르도록 변환해주는 도구를 말합니다. Prettier는 이러한 코드 포멧터 중에서도 최근에 가장 인기를 많이 얻어 거의 표준이 되고 가고 있는 자바스크립트 라이브러리 이다.

코드를 저장 시 정해놓은 규칙에 맞게 자동으로 정렬해서 가독성을 높이고 코드 스타일을 통일할 수 있다.

Prettier 설정방법

1. IntelliJ IDEA Plugins 설치
   Settings(Ctrl + Alt + s) > plugins > Prettier 검색 > Install > IDE restart
   

   

2. 필요한 Dependencies 설치

   $ npm install --save-dev --save-exact prettier 
   // 정확히 일치하는 버전의 패키지를 추가한다.

1. Prettier 설정
   Settings(Ctrl + Alt + s) > Languages & Framworks > JavaScript > Prettier
   

   

   • Node Interpreter : 프로젝트에 사용 중인 버전의 node를 선택
   • Prettier package : 프로젝트 루트 디렉토리/node_modules/prettier 모듈 디렉토리를 선택
     
     
2. .prettierrc.js 파일 생성

   module.exports =  {
          semi:  true,
          trailingComma:  'all',
          singleQuote:  true,
          printWidth:  100,
          tabWidth:  2,
  };

• 추가적인 옵션은 여기를 참고하자 : https://prettier.io/docs/en/options.html

Prettier 적용방법

Ctrl + Shift + Alt + P

인텔리J(IntelliJ IDEA) 에서는 코드 작성, 편집, 검색, 리팩토링, 디버깅 등 IDE내에서  수행하는 대부분의 작업 명령의 키보드 단축키(ShortCut)을 제공합니다. 자주 사용되는 단축키는 숙지해 두시면 생산성 향상에 큰 도움이 될 수 있습니다.

다양한 단축키 중에 자주 사용되는 몇가지 대표 단축키를 정리해 보겠습니다. 상세 단축키는 최하단에 전체 단축키표(KEYMAP)을 참고하시기 바랍니다. 맥북(MacOS) 기준으로 작성하였으며 괄호는 윈도우(Windows), 리눅스(Linux) 버전  단축키입니다.

| General

자주 사용되는 공통 부분 단축키 입니다.

⌘0~9(Alt+#[0-9]) : 각 단축키에 해당하는 도구창을 엽니다. 예를 들어 ⌘1 을 사용하면 프로젝트 도구창을 토글할 수 있습니다.

⌘⇧F12(Ctrl+Shift+F12) : 편집기(Editor) 영역을 최대로 크기로 토글합니다.( Toggle maximizing editor)

⌘,(Ctrl+Alt+S) : 설정(Preferences) 창을 엽니다. ( Open Settings dialog )

⌘;(Ctrl+Alt+Shift+S) : 프로젝트 구조를 확인 및 변경 할 수 있는 창을 엽니다. 해당 메뉴에서 Modules, Libraries, Facets, Artifacts, SDK,Project compiler output 등을 확인 및 변경 할 수 있습니다.(open Project Structure dialog

⌘E(Ctrl+E) : 최근 사용한 파일 목록을 조회합니다.(Recent files popup)

⌘⇧A(Ctrl+Shift+A) : 액션을 검색하여 실행합니다. 설정을 변경하거나 단축키 등이 생각나지 않을때 유용한 기능이며 전체 검색인 더블⇧ 로 대체 할 수 있습니다. (Find Action)

Double⇧ : 가장 자주 사용되는 단축키 입니다. 파일, 클래스, 설정 등 키워드에 관련된 가능한 모든 것을 검색해 보여줍니다.( Search everywhere )

| Editing

편집기(Editor) 관련된 주요 단축키 입니다.

^Space(Ctrl+Space) : 기본 코드 자동완성 기능입니다.  (Basic code completion)

^⇧Space(Ctrl+Shift+Space) : 소스코드를 분석해서 적합한 자동완성 코드를 추천해줍니다. (Smart code completion)

⌘N,^⏎(Alt+Insert) : 코드를 생성합니다. 생성자나 Getter/Setter, 메서드 오버라이드 등의 코드를 자동생성할때 유용합니다. (Generate Code)

⌘O(Ctrl+O) : Override 가능한 메서드 목록을 확인하여 구현하기 위한 코드를 자동 생성해 줍니다.

⌘I(Ctrl+I) :  Implement 가능한 메서드 목록을 확인하여 구현하기 위한 코드를 자동 생성해 줍니다.

⌘P(Ctrl+P) : 현재 위치한 메서드의 파라미터 정보를 조회합니다. (Parameter info -within method call arguments)

F1(Ctrl+Q) : 도큐멘트를 조회합니다.(Quick Documentation)

⌥Space(Ctrl+Shift+i) : 구현된 코드를 조회합니다. (Quick Definition)

⌘B(Ctrl+B) : 해당 코드의 선언부로 이동.

⌘⌥B(Ctrl+Alt+B) : 해당 코드의 구현부로 이동.

⌥F7(Alt+F7) : 해당 항목이 사용된 위치 검색 

F2 : 오류, 경고 영역으로 점프 

⌥⏎(Alt+⏎) : 퀵픽스 제안 (Show intention actions and quick-fixes)

⌘D(Ctrl+D) : 라인 복제 (Duplicate current line)

⌘⌫(Ctrl+Y) : 라인 삭제 (Delete line at caret)

⌥↑,⌥↓(Ctrl+W,Shift+Ctrl+W) : 커서 근처의 코드 선택 영역을 확대하거나 축소합니다.

⌥←,⌥→(Ctrl+←,Ctrl+→) : 단어별 포커스 이동

⌥⇧←,⌥⇧→(Ctrl+Shift+←,Ctrl+Shift+→) : 단어별 선택

fn↑,fn↓(PageUp,PageDown): Page Up/Down

fn←,fn→(Home, End) : 라인 시작,끝으로 이동

fn⇧←,fn⇧→(Shift+Home,Shift+End) : 라인 전체 선택

⌘/(Ctrl+/) : 라인단위로 주석처리 합니다. ( Comment / uncomment with line comment )

⌘⌥/(Ctrl+Shift+/) : 블럭단위로 주석처리 합니다. ( Comment / uncomment with block comment )

⌥⌘L(Ctrl+Alt+L) : 해당 프로젝트의 표준 서식에 맞도록 정렬합니다. (Reformat code)

| Compile and Run

컴파일(Compile) 및 실행(Run) 관련 주요 단축키 입니다.

⌘F9(Ctrl + F9) : 프로젝트 빌드(Make project)

⌘R(Shift + F10) : 실행 (Run)  

⌘d(Shift + F9): 디버그 (Debug)

| Refactoring

소스 리팩토링(Refactoring) 관련 단축키 입니다.

^T(Ctrl+Alt+Shift+T) : 리팩토링 관련 전체 항목을 조회합니다. (Refactor this)

F5 : 복사 (Copy)

F6 : 이동 (Move)

⇧F6(Shift+F6) : 이름 변경(Rename)

⌘F6(Ctrl+F6) : 접근제어자, 반환타입, 이름 등 주요 정보를 변경합니다. (Change Signature)

| VCS / Local History

Git 같은 버전 관리 시스템(Version Control System) 관련 단축키 입니다.

⌘K(Ctrl+K) : Commit project to VCS

⌘⇧K(Ctrl+Shift+K) : Push commits

⌘T(Ctrl+T) : Update project from VCS

^V(Alt + BackQuote) :  ‘VCS’ quick popup

| 단축키 표(KEYMAP)

젯브레인(jetbrains)에서 공개한 전체 기본 KEYMAP 리스트 입니다. 단축키는  IntelliJ IDEA 내 Preferences(⌘,) > Keymap 에서도 확인 및 변경이 가능합니다.

MAC OS / WINDOWS OS별로 각각 있고 친절하게 주요 단축키들은 음영으로 표시를 해주었네요.익숙해질때까지 출력하셔서 붙여놓고 보면서 개발 하시면 도움이 될 것 같습니다.

| Reference

https://www.jetbrains.com

출처: https://ifuwanna.tistory.com/241 [IfUwanna IT]