본문 바로가기

react-native4

[react-native] google vision API(OCR) 사용하기 OCR을 사용해보고 싶어 열심히 카메라를 사용해보았으니, 이제 google vision API에 대해 알아보려고 합니다. 지난번 포스팅에서 카메라로 사진을 찍고 이걸 64base로 인코딩하여 callGoogleVIsionApi라는 함수에 인자로 보내준 것까지 내용을 담았습니다. 그럼 오늘은 callGoogleVIsionApi 함수에 대해 설명하려고 합니다! react-native OCR 관련 라이브러리도 있는 것 같았지만, 구글 API를 이용해보고 싶어 아래의 사이트를 참조했습니다. 처음 1000개까지 무료라고 하니 제게는 충분했어요 ㅎㅎ https://cloud.google.com/vision/?hl=ko&utm_source=google&utm_medium=cpc&utm_campaign=japac-KR.. 2020. 7. 15.
[react-native] expo-camera 사용하기 개인 프로젝트를 시작했습니다 ! 써보고 싶던 것들을 생각해서 아이디어를 냈고, 웹서비스를 만들까하다 웹서비스보다는 앱에 훨씬 친숙한 요즘에 맞게 앱으로 만들기로 정했어요. 그래서 이미 사용해보았지만 expo와 react-native를 똑같이 사용하는 대신, 지난 프로젝트와는 다르게 ios로 만들 예정이고, typescript를 이용하고 React-Hooks도 공부하며 사용할 예정입니다. 그래서 가장 사용해보고 싶던 카메라와 OCR을 넣었고, expo-camera에 대해 블로깅을 하고자 합니다. 참고 : https://docs.expo.io/versions/latest/sdk/camera/ Camera - Expo Documentation Note: Enabling skipProcessing would c.. 2020. 7. 14.
[React-native] react-native-maps로 android(안드로이드)용 구글 지도 띄우기 카카오지도 api를 사용할 수 있지 않을거란 기대감에 expo를 벗어나서 react-native만으로 다시 환경설정부터 이것저것 고생을(?) 했는데 결국 실패했다....... 카카오지도 api 문서를 아무리 봐도 react-native에 적용이 어려워 보였고, react-native내에서 카카오지도 api를 사용한 내용을 담은 포스트를 아무리 구글링해도 찾을 수 없었다 이제 네이버지도 api도 서비스를 안하니 남은건 구글 지도! 해외에 있을 때는 구글지도를 굉장히 잘 쓰지만, 국내에서는 사실 카카오나 네이버지도가 더 잘나오는거 같아서 안썼는데 어쩔 수 없지 찾다보니 우버에서 제공하는 지도도 있지만 다 영어인것 같아서 패스 ! react-native-maps로 만드는거라서 어렵지 않을거라고 생각했는데 초반.. 2020. 6. 13.
React-native fetch할때 network request failed 오류! React-native 사용은 역시나 어렵다 client에서 fetch를 하니 network request failed 오류가 떴다. android emulator로 로컬에 있는 서버에 fetch를 보내는데 아예 가질 않고 안되길래 구글링을 해서 해결했다 해결 방법은 fetch하는 주소의 localhost부분을 나의 실제 ip를 이용해야한다, ex> fetch('http//xxx.x.x.x(실제ip)/user..... ec2로 보낼땐 ec2 ip를 넣음 된다. 내가 참고한 건 https://www.youtube.com/watch?v=shstJgkLW-I 2020. 6. 8.