반응형

React Native 15

React Native에서 Google Map API 사용하기

이번 글에서는 엉뚱한 오류에 걸려넘어져 해결하지 못하다 겨우 해당 오류를 해결하 게되어 React Native에서 google map api를 연동시키는 것에 대해 정리해보고자 한다.    React Native에서 Google Map API 사용법 1. react-native-maps 라이브러리 다운로드 먼저, google 지도를 사용할 수 있도록 지원해주는 라이브러리인 react-native-maps 라이브러리를 아래 코드를 터미널창에 입력하여 입력하여 다운로드 받아주도록 하자.  npm install react-native-maps      2. Google Cloud Platform console (GCP console)에서 API 등록해주기 react-naitve-maps 라이브러리를 다운로드 ..

multipart/form-data 형태로 JSON 데이터와 이미지 파일 서버에 같이 보내기

이번 글에서는 3주만에 해결한 React Native 환경에서 mutilpart/form-data 형태로 서버에 JSON데이터와 이미지 파일을 동시에 보내는 방법에 대해 정리해 보도록 하겠다. 글쓴이는 여러 시행착오 끝에 react-native-image-picker와 react-native-fs 라이브러리를 활용하여 서버에 JSON 데이터와 이미지 파일을 같이 보내는 걸 성공하였는데, 이 2개의 라이브러리를 활용하는 방법에 대해 설명하기 전에 먼저 서버와 포스트맨을 활용해 어떠한 데이터를 서버에 전달해야 했는지에 대해 정리해 보도록 하겠다. (RN언어가 아니라면 앨범에 접근가능한 사진선택 관련 라이브러리와 파일시스템 라이브러리를 각자 언어에 맞는 라이브러리로 다운받아주면 된다.) 서버측 코드 위의 사진..

반응형