다음을 통해 공유

네트워크 추적을 수집하는 방법

  • 아티클

문제가 발생했을 때 네트워크 추적이 많은 유용한 정보를 제공하는 경우가 많습니다. 이 방법 가이드에서는 네트워크 추적을 수집하는 옵션을 보여 줍니다.

Warning

네트워크 추적에는 앱에서 보낸 모든 메시지의 전체 콘텐츠가 포함됩니다. 프로덕션 앱의 원시 네트워크 추적을 GitHub와 같은 공개 포럼에 게시하면 안 됩니다.

Fiddler를 사용하여 네트워크 추적 수집

Fiddler는 HTTP 추적을 수집하는 데 사용되는 강력한 도구입니다. telerik.com/fiddler에서 설치하고 시작한 다음, 앱을 실행하고 문제를 재현합니다. Fiddler는 Windows, macOS 및 Linux에서 사용할 수 있습니다.

HTTPS를 사용하여 연결하는 경우 Fiddler에서 HTTPS 트래픽을 해독할 수 있는지 확인하기 위한 몇 가지 추가 단계가 있습니다. 자세한 내용은 Fiddler 설명서를 참조하세요.

추적을 수집한 후에는 메뉴 모음에서 파일>저장>모든 세션을 선택하여 추적을 내보낼 수 있습니다.

tcpdump를 사용하여 네트워크 추적 수집(macOS 및 Linux에만 해당)

이 방법은 모든 앱에 사용할 수 있습니다.

명령 셸에서 다음 명령을 실행하면 tcpdump를 사용하여 원시 TCP(Transmission Control Protocol) 추적을 수집할 수 있습니다. 사용 권한 오류가 발생하는 경우 root이거나 명령에 sudo 접두사를 사용해야 할 수 있습니다.

tcpdump -i [interface] -w trace.pcap

[interface]를 캡처할 네트워크 인터페이스로 바꿉니다. 일반적으로 이는 /dev/eth0(표준 이더넷 인터페이스의 경우) 또는 /dev/lo0(localhost 트래픽의 경우)과 같은 항목입니다. 자세한 내용은 호스트 시스템의 tcpdump 기본 페이지를 참조하세요.

man tcpdump

브라우저에서 네트워크 추적 수집(브라우저 기반 앱에만 해당)

대부분의 브라우저 개발자 도구에는 브라우저와 서버 간의 네트워크 활동을 캡처할 수 있는 "네트워크" 탭이 있습니다.

참고 항목

조사 중인 문제를 재현하기 위해 여러 요청이 필요한 경우 Microsoft Edge, Google Chrome 및 Safari를 사용하여 로그 유지 옵션을 선택합니다. Mozilla Firefox의 경우 로그 유지 옵션을 선택합니다.

Microsoft Edge(Chromium)

브라우저의 DevTools를 사용하여 자세한 네트워크 추적을 캡처하려면 다음 단계를 따릅니다.

  1. DevTools 열기:

    • F12 선택
    • Ctrl+Shift+I(Windows/Linux) 또는 Command+Option+I(macOS) 선택
    • Settings and more, More Tools > Developer Tools를 차례로 선택

  2. Network 탭 선택

  3. 페이지를 새로 고치고(필요한 경우) 문제 재현

  4. 추적을 "HAR(HTTP 보관)" 파일로 내보내려면 도구 모음에서 Export HAR...을 선택합니다.

    Microsoft Edge를 사용하여 네트워크 추적 수집

Google Chrome

브라우저의 DevTools를 사용하여 자세한 네트워크 추적을 캡처하려면 다음 단계를 따릅니다.

  1. Chrome DevTools 열기:

    • F12 선택
    • Ctrl+Shift+I(Windows/Linux) 또는 Command+Option+I(macOS) 선택
    • Customize and control Google Chrome, More Tools > Developer Tools를 차례로 선택

  2. Network 탭 선택

  3. 페이지를 새로 고치고(필요한 경우) 문제 재현

  4. 도구 모음에서 Export HAR...을 선택하여 추적을 "HAR" 파일로 내보내기

    Google Chrome을 사용하여 네트워크 추적 수집

Mozilla Firefox

브라우저의 DevTools를 사용하여 자세한 네트워크 추적을 캡처하려면 다음 단계를 따릅니다.

  1. Firefox 개발자 도구 열기:

    • F12 선택
    • Ctrl+Shift+I(Windows/Linux) 또는 Command+Option+I(macOS) 선택
    • Open menu, Web Developer > Toggle Tools를 차례로 선택

  2. Network 탭 선택

  3. 페이지를 새로 고치고(필요한 경우) 문제 재현

  4. 요청 목록에서 아무 곳이나 마우스 오른쪽 단추로 클릭하고 "모두 HAR로 저장" 선택

    Mozilla Firefox를 사용하여 네트워크 추적 수집

Safari

브라우저의 DevTools를 사용하여 자세한 네트워크 추적을 캡처하려면 다음 단계를 따릅니다.

  1. 웹 개발 도구 열기:
    • Command+Option+I 선택
    • Developer 메뉴, Show Web Inspector를 차례로 선택
  2. Network 탭 선택
  3. 페이지를 새로 고치고(필요한 경우) 문제 재현
  4. 요청 목록에서 아무 곳이나 마우스 오른쪽 단추로 클릭하고 "모두 HAR로 저장" 선택