크롬 개발자 도구의 네트워크 탭에서 네트워크 요청 리스트에서 우클릭하여 'Header Options'에서 'Path'를 선택하면, 각 네트워크 요청의 경로(Path)가 목록에 표시됩니다. 이렇게 하면 네트워크 요청의 URL 중 도메인을 제외한 경로 부분만을 볼 수 있게 되어, 특정 API 호출이나 페이지 리소스 요청 등을 식별하기가 훨씬 용이해집니다.

예를 들어, 여러 개의 API 요청이 동일한 도메인에서 이루어지지만 각각 다른 엔드포인트로 가는 경우, 'Path' 옵션을 활성화하면 요청의 구체적인 경로만을 비교하여 어떤 API 엔드포인트가 호출되었는지 쉽게 구분할 수 있습니다. 이는 개발자가 네트워크 트래픽을 분석하고 디버깅할 때 매우 유용합니다.

또한, 'Path' 옵션은 특히 리소스 파일(예: 이미지, 스크립트 파일, 스타일시트 등)이 많이 로드되는 복잡한 웹 애플리케이션을 분석할 때 요청을 더 명확하게 식별하는 데 도움이 됩니다. 이를 통해 개발자는 네트워크 요청의 성능을 최적화하고 문제를 해결하는 데 필요한 정보를 보다 쉽게 얻을 수 있습니다.

예를 들어, Status Code, Method, Type 등의 정보가 현재 작업에 중요하지 않다면, 이들 컬럼을 제거함으로써 네트워크 요청 목록을 더 간결하고 명확하게 만들 수 있습니다. 반대로, 응답 시간(Response Time)이나 파일 크기(Size)와 같은 세부 정보가 중요한 경우, 이러한 컬럼을 추가하여 네트워크 성능 분석에 활용할 수 있습니다.

컬럼을 조정하는 것은 네트워크 탭에서 많은 양의 데이터를 다룰 때 특히 유용하며, 개발자가 필요한 정보에 빠르게 접근하고 이를 통해 웹 애플리케이션의 성능 문제를 진단하고 해결하는 데 도움을 줍니다. 따라서 컬럼을 적절히 조정하는 것은 네트워크 분석의 효율성과 정확성을 크게 향상시킬 수 있는 중요한 방법 중 하나입니다.

https://x.com/TossPaymentsDev/status/1755426225827283144?s=20