본문 바로가기

컴퓨터 이야기

React-Native에서 다음 우편번호 api 사용하기.

일단 급한대로 방치해두던 티스토리 블로그에 기록합니다. 추후 제대로 블로그 만들면 이전하든지 해야겠네요.

각설하고, 이것때문에 꽤 골치를 썩었으므로 기록할 목적으로 적습니다.

 

1.다음 우편번호 api를 앱에서 사용할때, 로컬에 두고 사용하면 안됩니다.

 

요즘은 모바일 앱 환경에서도 꽤나 많이 사용될거라고 보는데, 가이드 사이트 쪽에는 나와있지 않았습니다.

화면 자체는 정상적으로 렌더링이 되는데, 아무리 애를 써도 결과가 나오지 않더라구요.

나중에 보니 정적으로 넣고 실행해서는 안된다고...

 

https://github.com/daumPostcode/QnA#9-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%95%B1%EC%97%90%EC%84%9C%EB%8F%84-%EC%82%AC%EC%9A%A9%ED%95%A0-%EC%88%98-%EC%9E%88%EB%82%98%EC%9A%94

 

daumPostcode/QnA

Daum 우편번호 서비스 Q&A. Contribute to daumPostcode/QnA development by creating an account on GitHub.

github.com

2. aws S3 버킷에 올려서 사용할때는 https용으로 배포된 버전을 사용합니다.

http용으로 배포중인것을 사용하면,

s3 버킷에 올려서 데스크탑 환경에서는

-사파리에서는 불안전한 스크립트 허용 알림이 작게 뜨긴 했지만- 정상적으로 결과가 나오는데,

리액트 네이티브 웹뷰 컴포넌트 상에서는 화면이 나오지 않았습니다.

스크립트 허용 문제를 발견하고 https용으로 배포중인 스크립트를 사용해서 버킷에 올리니 정상적으로 랜더링 되었습니다.

아마 리액트 웹뷰 컴포넌트쪽에서 막았으려나 싶지만,

 

아예 한번 손을 봐서 github에 컴포넌트를 만들어서 올려놓고 싶긴 한데,

상술해놨듯이, 리액트 네이티브 내부적인 요인 만으로는 해결되는 문제가 아니다보니 고민을 좀 해봐야겠습니다.

스케줄 문제도 있구요. 살려주세요미ㅏ럼ㅇㄴ라;

 

추가:

현재 리액트 네이티브 웹뷰상에서 화면이 작게 나타나고 있는 문제가 보이고 있는데,

해결방안은 좀 더 고민을 해 보아야 할것 같습니다. 

혹시 공유 가능한 문제와 해결방법 같은게 있다면 댓글로 적어주세요.