앱 디버깅 - 콘솔

디버깅이란, 프로그램에서 오류를 찾고 수정하는 과정을 말합니다. 앱이 제대로 작동하지 않을 때, 문제를 분석하고 해결하는데 필요한 과정입니다.

콘솔 은 개발자가 앱의 상태나 오류 메세지를 확인할 수 있는 도구입니다.

그냥 변수값만 담아서 콘솔 확인해보기보단, 앞에 문자열을 추가하면 콘솔창에 여러개가 떳을때, 내가 원하는 값을 정확히 확인할 수 있습니다.

 console.log('현재 변수값:::', myVariable);

앱 디버깅 - Flipper

Flipper 란 모바일 앱을 디버깅 할 수 있는 도구입니다. 네트워크 요청, 데이터베이스, 로그 등을 확인할 수 있습니다. 리액트 네이티브 앱에서 Flipper 를 사용하면 네트워크 요청을 쉽게 모니터링할 수 있습니다.

네트워크 요청 확인하기

앱이 외부 서버와 통신할때, Flipper 를 통해 어떤 요청이 오고 가는지 확인할 수 있습니다. 예를 들어, API를 호출 할때 요청과 응답을 실시간으로 볼 수 있습니다.

이를 통해 데이터가 제대로 전송 되었는지, 오류가 발생했는지를 쉽게 파악할 수 있습니다.

스크린샷 2024-10-31 오후 5.02.06.png

웹뷰 디버깅

웹뷰에서 로딩하는 웹페이지의 문제를 해결하기 위해 디버깅을 할 수 있습니다. 웹페이지에서 발생하는 Javascript 오류나 CSS 스타일 문제를 확인할 수 있습니다.

웹뷰의 디버깅 도구를 사용하면 개발자가 직접 웹페이지의 DOM 구조를 확인하고 스타일을 수정할 수 있습니다.