3줄 요약
파일명 검색 : Ctrl + Shift + R
특정 코드 포함한 파일 검색 : Ctrl + H
개발자도구의 Network 탭의 Request URL 값을 이용해 컨트롤러 역추적 및 디버깅 가능
출처. 완전히 동일한 내용의 반복이지만.
앞으로 아주 자주 쓰일 듯 한 중요한 기능이기에. 복습하는 마음으로 적어보기.
상황
1. 쿼리가 실행될 때마다 해당 쿼리문을 log 에 찍도록 구성해둠.
2. 실행된 쿼리를 보니 수정이 필요함.
3. 해당 쿼리문이 어느 파일에 위치했는지 모르겠는데 프로젝트가 너무 거대함.
해결 방법
1. 파일명이 예상될 경우 파일명으로 검색해보기.
패턴으로 검색도 가능하다.
매칭된 검색 결과는 하단에 목록으로 표시되며
더블클릭하면 해당 파일이 열린다.
2. 특정 소스 코드를 포함한 파일 모두 검색하기
검색 결과는 Search 탭에 트리 구조로 나타난다.
검색한 문자열 이 포함된 라인의 코드가 표시되며 더블클릭하면 해당 파일의 해당 위치가 열린다.
2020.11.15 추가
그럼 이 기능을 이용해서 디버깅을 해보자!!
내가 만들지 않은 거대한 프로젝트에 특정 부분 오류를 고치려한다 가정하자.
검색 버튼을 눌렀을 때 반응이 없다거나, 기능해야할 순간에 기능하지 않을 때
개발자도구를 열어 Network탭으로 이동한 다음, 작동해야하는 기능을 기동해본다.
Replay XHR을 통해 재기동해볼 수도 있고
Copy link address를 눌러 새 탭에서 열어서 api일 경우 결과값을 눈으로 확인할 수도 있다.
Copy as fetch 를 선택하면 놀랍게도 해당 xhr 요청을 fetch api를 사용한 문장으로 치환해준다.
Copy response 를 통해 어떤 응답값을 불러왔는지 아주 손쉽게 확인할 수도 있다.
이런 여러가지 유용한 기능이 있지만 지금 필요한건 해당 건을 더블클릭에서 우측에서 확인할 수 있는
Request URL 이다. 해당 URL의 마지막 값을 가져가서 Ctrl+H를 통해
해당 URL에 매핑되어있는 컨트롤러 부분을 찾아내는 것이다.
컨트롤러를 찾아내면 그 컨트롤러가 서비스 객체를 통해 호출하고 있는 메소드를 찾을 수 있고
그 메소드를 다시 찾아가서 매핑되어있는 SQL 문을 찾을 수 있다.
그리고 그 SQL문을 수정함으로써 우리가 원하는 최종 수정을 할 수 있다.
크롬 개발자 도구의 Network 탭을 이용해서 어떤 주소가 요청되고 있는지 찾고
그 요청된 주소를 Ctrl + H 의 전체 워크스페이스 범위 내 해당 텍스트를 포함한 파일을 찾아서 컨트롤러를 찾아내고
컨트롤러가 호출하는 메소드를 찾아서 SQL문을 찾아가기.
이러한 디버깅은 처음 배웠다.
지금까지는 규모도 작고 다 내가 처음부터 만든거니까 어려움이 없었는데
이미 구축되어있는 방대한 시스템을 디버깅할 때는 이러한 절차를 거치지 않고서는 도저히 찾을 수 없을 것 같다.
'IDE' 카테고리의 다른 글
JavaDoc 작성 방법 및 IntelliJ에서 생성하기 + 모든 주석 한 번에 제거하기 (2) | 2021.01.03 |
---|---|
IntelliJ IDEA 구매! - graduation discount, github 연동 (0) | 2020.11.25 |
이클립스에서 롬복이 작동하지 않는다? (0) | 2020.11.15 |
이클립스 자바스크립트 파일 내용이 흑백으로 나올때... 컬러로 고치기;; (11) | 2020.11.15 |
새 프로젝트 만들 때 Eclipse Perspective 변경하지 않기, Customized Perspective 만들기 (0) | 2020.06.10 |