티스토리 뷰

반응형

타기업 공채의 우대사항에 Stetho Library 사용 가능자로 기재되어 있는 것을 보고 해당 라이브러리가 무엇이길래 우대 사항에 기재되어 있을지 알아봤습니다.

 

Android 작업하면서 대표적으로 3가지의 불편함을 느낄 것입니다.

1. Log로 Network 통신 정보 기록 시 분석이 어렵다.

2. 내부 DataBase 내용 확인이 어렵다. (필자인 경우 Realm DB를 사용하는데 Realm 브라우저를 제공하여 확인이 편해서 사용하고 있습니다.)

3. Preference 의 저장된 값 확인이 어렵다.

 

많은 개발자들은 위 3가지 불편함을 해결할 라이브러리로 Stetho Library을 사용하고 있었습니다.
그렇다면 어떻게 설정하고 사용하는지 간단히 알아보겠습니다.

 

 

Stetho Library 환경 설정하기

Stetho Library 환경 설정 방법에 대해서 알아보겠습니다.

 

Stetho Library 을 App Gradle에 다운로드합니다.
implementation 'com.facebook.stetho:stetho:1.5.1'

Network 호출에 대해서 정보를 확인하고 싶다면 추가합니다.
implementation 'com.facebook.stetho:stetho-okhttp3:1.5.1'
or
implementation 'com.facebook.stetho:stetho-urlconnection:1.5.1'

(선택) JavaScript console을 확인 할 수도 있습니다.
implementation 'com.facebook.stetho:stetho-js-rhino:1.5.1'

 

이제는 Stetho initializations 하는 방법을 공유하겠습니다.

Application의 Stetho.initializeWithDefaults() 호출합니다.

 

MyApplicationAndroidManifest.xml 에 추가 합니다.

 

 

Network 검사 활성화

Network 검사 활성화에 대해서 알아보겠습니다.

 

만약 RestAPI을 통하여 Data 통신할 때에 OkHttp library (3.x release) 버전을 사용한다면 NetworkInterceptor에 StethoInterceptor을 추가합니다.

 

 

Stetho 실행하기

Stetho 실행하는 방법에 대해서 알아보겠습니다.

 

Stetho 실행하는 방법은 간단합니다.

[1] Stetho Library 설정한 프로젝트를 실행합니다.

[2] 크롬 브라우저에서 chrome://inspect 을 검색합니다.
chrome://inspect

[3] 디버그 할 프로젝트 하단의 inspect 버튼을 클릭합니다.

[4] DevTools 프로그램이 실행되는 것을 확인할 수 있습니다.

이 프로그램에서 해당 앱의 Database 정보 및 Network 정보를 확인 할 수 있습니다.

 

 

Stetho을 활용하여 Database 정보 확인하기

Stetho을 활용하여 Database 정보 확인하는 방법에 대해서 알아보겠습니다.

 

Resources 메뉴를 클릭 시 해당 앱의 Database 정보 (내부 DB) 또는 Perference 값을 확인할 수 있습니다.

 

 

Stetho을 활용하여 Network 정보 확인하기

Stetho을 활용하여 Network 정보 확인하는 방법에 대해서 알아보겠습니다.

 

Network 메뉴를 클릭 시 해당 앱의 Network 통신 결과 값을 확인할 수 있습니다.

 

마무리

Stetho 라이브러리에 대해서 알아봤습니다.

 

Stetho 라이브러리를 활용하면 Log로 표시한 Network 정보를 편히 확인할 수 있고, 내부 Database 및 Preference 저장 정보까지 확인 할 수 있습니다.

Android 개발자에게는 필수 환경설정 도구라고 파악이 됩니다.

단, 개발 후 출시 시 Release 모드에서 Stetho 동작 안되도록 로직 구성이 필요합니다.

 

 

참고

Github - Stetho for Android : Stetho Android Github

박상권 삽질블로그 : Stetho 간단한 사용 방법 설명

반응형
댓글