TIL#160 안드로이드 모바일 웹 디버깅

노트20과 맥미니를 연결하기 위한 방법

1. pc에 adb 설치
   $ brew install --cask android-platform-tools

2. 설치되었는지 확인
   $ adb devices
   ❗️ 환경변수 설정을 해야 정상적으로 동작한다는 글들이 많았지만 필자의 경우 설치만으로도 정상적으로 동작함

3. mobile usb driver 설치
   핸드폰에서 삼성 홈페이지의 통합 usb 드라이버를 다운로드받는다.

4. 개발자 모드를 활성화한다.
   설정 -> 핸드폰 정보 -> 소프트웨어 정보 -> 빌드번호 7번 누름 -> 개발자 모드가 켜졌다고 알림이 뜬다.

5. usb 디버깅을 활성화한다.
   설정 -> 개발자 옵션 -> usb 디버깅 활성화 on

6. pc에서 $ adb devices 명령어로 연결된 장치가 생겼는지 확인한다.

7. pc 브라우저에서 chrome://inspect/#devices 를 주소창에 친다.

8. 하단처럼 사이트가 나오면 제일 하단에 핸드폰과 연결된 링크가 나오게 되는데 그 하단의 inspect 부분을 클릭한다.
   

9. 모바일에서 크롬을 키면 하단처럼 pc의 화면에도 함께 나오면서 동작하게 된다.
   

모바일에서 클릭을 하면 해당 pc 화면에서 동일하게 진행되며 console을 확인할 수 있고 반대로 해당 pc 화면에서 클릭을 하여도 모바일에서도 똑같이 동작한다.