[2023-05-28] 이미지 태거 디버깅

[react-native] release 버전 안드로이드 앱 디버깅하기 - logcat (tistory.com)

[react-native] release 버전 안드로이드 앱 디버깅하기 - logcat

위 글과 이어진다.

사실 위 글은 어제 해결한 에러인데, 글은 오늘 올렸다.

오늘도 계속되는 디버깅..

 

http때문에 api가 막히는 에러를 겨우 캐치해서 해결했는데, 여전히 안돌아가는 api...

이 전의 경우와 마찬가지로 디버그 모드에서는 잘 돌아가는데, release 모드에서만 안된다

 

다시한번 logcat을 이용해서 디버깅 해보았다.

tip) 에러 로그가 안 찍힌다면, 그냥 console.log(err)만 하지 말고, console.log(err.config)를 이용하자!

아무튼 로그를 확인해 본 결과 데이터도 잘 갔고, content-type까지 완벽했지만

정작 사용자의 기기를 식별할 수 있는 deviceToken이 들어가 있지 않았다!

 

원래의 코드는 custom된 axios를 이용해서, axios header에 default로 deviceToken을 넣어놨다.

하지만 해당 api는 app이 시작되자마자 호출되어야 하는 api다 보니, App.js에서 api를 부르고 있는데,

아무래도 custom axios에 deviceToken이 제대로 들어가기도 전에 api가 호출되어버리는 듯 하다.

(분명 deviceToken을 넣는 작업에도 await가 걸려 있는데 안된 이유는 모르겠다..)

 

아무튼 그래서 바뀐 코드는 아래와 같다.

기존에는 customAxios만 믿고, headers에 conetne-type만 설정했었는데, userDeviceToken을 비동기로 직접 넣어주었다.

 

그랬더니

이제 정상적으로 deviceToken이 들어간다!

release 버전에서도 잘 돌아가는 것을 확인!

 

그래도 아직 테스트 해볼 것이 산넘어 산이다..

이건 공기계라 아직 사진이 20장 정도 밖에 안되지만, 실제 기기에서는 기본 몇백장의 캡쳐사진들이 서버로 넘어갈 텐데 이 경우에도 잘 돌아갈 수 있을지 테스트 해보아야 한다.

 

그리고 지금 이미지 사이즈가 너무 커서 이미지 로딩이 눈에 띄게 느린데,

이 부분도 처음부터 이미지 사이즈를 최적화해서 서버에 넘기는 방식을 고려 중이다.

아무래도 속도 때문에 사용자 경험이 너무 떨어지는 것 같다.