PC와 안드로이드 기기를 USB로 연결하여 원격 디버깅을 진행할 수 있습니다. Chrome을 사용하는 경우 다음과 같은 절차를 따릅니다:
- 안드로이드 기기에서 “개발자 옵션”을 활성화합니다.
- 일반적으로 설정 > 휴대폰 정보 > 소프트웨어 정보에서 “빌드 번호”를 여러 번 탭하여 활성화할 수 있습니다.
- “USB 디버깅”을 활성화합니다.
- 안드로이드 기기를 PC에 USB로 연결합니다.
- PC에서 Chrome을 열고 주소창에
chrome://inspect를 입력합니다. - “Devices” 아래에 연결된 안드로이드 기기가 보여야 합니다.
- 원하는 페이지 옆에 있는 “Inspect” 링크를 클릭하여 개발자 도구를 엽니다.
안드로이드 기기가 Chrome의 chrome://inspect 페이지에서 “Devices” 아래에 나타나지 않는 경우, 몇 가지 확인해야 할 사항들이 있습니다. 다음 단계를 따라해 보세요:
- USB 디버깅 활성화 확인:
- 안드로이드 기기에서 ‘개발자 옵션’이 활성화되어 있는지 확인합니다.
- ‘개발자 옵션’ 내에서 ‘USB 디버깅’이 활성화되어 있는지 확인합니다.
- 이 옵션은 기기의 ‘설정’ > ‘시스템’ > ‘개발자 옵션’에서 찾을 수 있습니다.
- USB 케이블 연결 확인:
- 안드로이드 기기가 PC에 USB 케이블을 통해 제대로 연결되어 있는지 확인합니다.
- 가능하다면, 다른 USB 포트를 시도해 보거나 다른 USB 케이블을 사용해 보세요.
- USB 연결 모드 확인:
- 일부 안드로이드 기기에서는 USB 연결 시 ‘만 파일 전송’, ‘미디어 전송’, ‘USB 디버깅’ 등의 옵션이 나타납니다.
- ‘USB 디버깅’ 또는 ‘미디어 전송’ 모드를 선택해야 합니다.
- PC의 Chrome 버전 확인:
- PC에 설치된 Chrome이 최신 버전인지 확인합니다.
- 필요한 경우 Chrome을 업데이트한 후 다시 시도해 보세요.
- 기기 드라이버 확인:
- PC에 안드로이드 기기의 드라이버가 제대로 설치되어 있는지 확인합니다.
- 일부 안드로이드 기기는 PC에 연결하기 전에 특정 드라이버가 필요할 수 있습니다.
- 기기에서의 팝업 확인:
- 안드로이드 기기를 PC에 연결할 때 ‘이 컴퓨터의 USB 디버깅을 허용하시겠습니까?’와 같은 팝업이 나타나는지 확인하고, ‘허용’을 선택합니다.
요청 본문(Request Body) 확인 방법
- 네트워크 탭에서 요청 선택: 개발자 도구의 네트워크 탭에서 해당 AJAX 요청을 찾아 클릭합니다. 보통 요청의 이름이나 경로로 쉽게 식별할 수 있습니다.
- Headers 탭 확인: 요청을 클릭한 후, 나타나는 세부 정보 창에서
Headers탭을 확인합니다. 여기에서 요청의 메서드, URL, 헤더 정보 등을 볼 수 있습니다. - Request Body 확인:
Headers탭 내에서 스크롤을 내려Form Data또는Request Payload섹션을 찾습니다. 여기에는 서버로 전송된 데이터가 표시됩니다.content필드와 그 값을 확인합니다.Form Data: 일반적으로application/x-www-form-urlencoded형식으로 데이터가 전송될 때 나타납니다.Request Payload: 보통application/json형식의 데이터가 전송될 때 나타납니다.
- 데이터 형식 확인: 데이터가 어떤 형식(JSON, 평문 등)으로 되어 있는지 확인합니다. 이것은 JavaScript 코드에서 데이터를 어떻게 준비하고 서버로 전송했는지에 따라 다를 수 있습니다.
- 값 검증:
content필드의 값이 기대한 대로 전송되었는지 확인합니다. 예상한 메시지가 이 부분에 정확하게 나타나는지 검토합니다.
