Intellij의 Source code hierarchy 기능 소개

Intellij IDE에는 Javascript 및 java 파일의 부모-자식 관계를 파악할 수 있는 Call_hierarchy 기능이 있습니다.

 

기본 단축키는 Ctrl + Shift + H 이며, 키보드 커서가 위치하는 곳이 Type, 혹은 메서드에 따라서 다르게 작동합니다.

 

Type에 커서를 둔 후 작동시키면 상속관계에 대한 네비게이션이 제공됩니다.

Type hierarchy search

Method에 커서를 둔 후 작동시키면 메서드를 호출하는 위치를 모두 확인할 수 있습니다.

Method hierarchy search

Javascript 역시 메서드 호출 위치를 확인할 수 있습니다.

다만, JAVA처럼 위치관계가 명확하지 않아 “메서드 명” 중심으로 모든 JS파일을 스캔, 사용처를 가져오므로 

사용에 주의가 필요합니다. 

 

코드 변경 시, 다른 코드에 미치는 영향을 줄이기 위한 의존성 체크에 활용해보시기 바랍니다.