<div id="readability-page-1" class="page"><div itemprop="articleBody"><p><strong>개발자 또는 엔지니어</strong>가 시스템 오류에 대한 원인을 찾기 위한 <strong>가장 간단한 방법은 System.out.println 또는 console.log와 같은 메시지를 남겨보는</strong> 걸 거에요. 그렇지만 개발 생산성을 위해서는 인텔리제이 또는 VSCode 뿐만 아니라 크롬 개발자 도구에서 제공하는 <strong>디버거를 통해 원하는 코드 라인에 중단점(Breakpoint)를 걸어</strong> 전후 상황에 대한 데이터를 확인하는 것도 중요합니다. 소프트웨어 개발자가 여러가지 상황에 따라 어떻게 원인을 찾아갈 수 있는지 알아봅니다.</p><h4 id="크롬-개발자-도구의-네트워크-요청은-확인할-줄-알아야"><a href="#크롬-개발자-도구의-네트워크-요청은-확인할-줄-알아야" title="크롬 개발자 도구의 네트워크 요청은 확인할 줄 알아야"></a>크롬 개발자 도구의 네트워크 요청은 확인할 줄 알아야</h4><p>백엔드 개발자라면 서버에 남은 오류 메시지를 통해 눈에 보이지 않는 백그라운드에서 원인을 특정할 수도 있지만 가장 기본적으로는 크롬 브라우저의 네트워크 탭을 통해 문제에 대한 상황에서 어떻게 네트워크 요청이 이루어지는지 확인하는 것이 필요하다. 문제에 대한 상황에 대해서 테스트 엔지니어가 재현 상황에 대해 상세하게 버그 리포트를 등록해줄 수도 있지만 조직 내에 테스트 엔지니어가 없거나 바쁘다면 개발자가 직접 수행해보고 원인을 찾아야만 한다.</p><p><a target="_blank" rel="noopener" href="https://www.youtube.com/watch?v=e1gAyQuIFQo">Inspect Network Activity - Chrome DevTools 101</a></p><ul><li>네트워크 요청에 빨간색으로 표시되는 것이 있는지 확인하기</li><li>특정 동작 시 발생하는 네트워크 요청 체크하기</li><li>요청 파라미터 또는 본문과 오류 응답 확인하기</li></ul><h4 id="오류가-발생하는-API와-비즈니스-로직-체크"><a href="#오류가-발생하는-API와-비즈니스-로직-체크" title="오류가 발생하는 API와 비즈니스 로직 체크"></a>오류가 발생하는 API와 비즈니스 로직 체크</h4><p>크롬 개발자 도구를 통해 네트워크 요청에 대해 분석했다면 백엔드 개발자는 서버 애플리케이션에 구현한 API와 서비스 레이어의 비즈니스 로직을 검토해야한다. 이때 코드에 로그 메시지를 남겨 출력하는 것보다는 인텔리제이에서 제공하는 디버거로 중단점을 거는 것이 더 효율적이다. 만약, 회사에서 인텔리제이를 사용하고 있다면 아래의 정보들이 도움이 될 것이다.</p><ul><li><a target="_blank" rel="noopener" href="https://blog.jetbrains.com/idea/2023/02/debugger-upskill-stepping/">Debugger Upskill: Basic and Advanced Stepping</a></li><li><a target="_blank" rel="noopener" href="https://www.youtube.com/watch?v=ZbAVoypAIbE">IntelliJ IDEA: Debugger Upskill</a></li></ul><hr><p>일반적으로 대부분의 오류는 올바르게 요청되지 않았거나 유효성 검사의 부족으로인해 의도된 데이터가 생략되어있거나 테스트 코드의 부재 또는 부실한 코드로 인해 일부 케이스에 대해 검증되지 않은 비즈니스 로직에 해당됩니다. <strong>그래도 원인이 명확하지 않다면</strong> 때로는 동료와의 커뮤니케이션을 해보는 것도 디버그 방법 중 하나라고 생각합니다. 동료에게 도움을 요청할 때에는 어디까지 확인을 해보았는지 상세하게 공유하는 것도 필요하겠죠?</p></div></div>

Mambo

개발자 또는 엔지니어가 시스템 오류에 대한 원인을 찾기 위한 가장 간단한 방법은 System.out.println 또는 console.log와 같은 메시지를 남겨보는 걸 거에요. 그렇지만 개발 생산성을 위해서는 인텔리제이 또는 VSCode 뿐만 아니라 크롬 개발자 도구에서 제공하는 디버거를 통해 원하는 코드 라인에 중단점(Breakpoint)를 걸어 전후 상황에 대한 데이터를 확인하는 것도 중요합니다. 소프트웨어 개발자가 여러가지 상황에 따라 어떻게 원인을 찾아갈 수 있는지 알아봅니다.
크롬 개발자 도구의 네트워크 요청은 확인할 줄 알아야
백엔드 개발자라면 서버에 남은 오류 메시지를 통해 눈에 보이지 않는 백그라운드에서 원인을 특정할 수도 있지만 가장 기본적으로는 크롬 브라우저의 네트워크 탭을 통해 문제에 대한 상황에서 어떻게 네트워크 요청이 이루어지는지 확인하는 것이 필요하다. 문제에 대한 상황에 대해서 테스트 엔지니어가 재현 상황에 대해 상세하게 버그 리포트를 등록해줄 수도 있지만 조직 내에 테스트 엔지니어가 없거나 바쁘다면 개발자가 직접 수행해보고 원인을 찾아야만 한다.
Inspect Network Activity - Chrome DevTools 101
네트워크 요청에 빨간색으로 표시되는 것이 있는지 확인하기
특정 동작 시 발생하는 네트워크 요청 체크하기
요청 파라미터 또는 본문과 오류 응답 확인하기
오류가 발생하는 API와 비즈니스 로직 체크
크롬 개발자 도구를 통해 네트워크 요청에 대해 분석했다면 백엔드 개발자는 서버 애플리케이션에 구현한 API와 서비스 레이어의 비즈니스 로직을 검토해야한다. 이때 코드에 로그 메시지를 남겨 출력하는 것보다는 인텔리제이에서 제공하는 디버거로 중단점을 거는 것이 더 효율적이다. 만약, 회사에서 인텔리제이를 사용하고 있다면 아래의 정보들이 도움이 될 것이다.
Debugger Upskill: Basic and Advanced Stepping
IntelliJ IDEA: Debugger Upskill
일반적으로 대부분의 오류는 올바르게 요청되지 않았거나 유효성 검사의 부족으로인해 의도된 데이터가 생략되어있거나 테스트 코드의 부재 또는 부실한 코드로 인해 일부 케이스에 대해 검증되지 않은 비즈니스 로직에 해당됩니다. 그래도 원인이 명확하지 않다면 때로는 동료와의 커뮤니케이션을 해보는 것도 디버그 방법 중 하나라고 생각합니다. 동료에게 도움을 요청할 때에는 어디까지 확인을 해보았는지 상세하게 공유하는 것도 필요하겠죠?

디버그

댓글