반응형

rn 18

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

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

react-native-fs 사용법 (RN)

이번 글에서는 아직까지도 이미지를 파일형태로 서버 api 보낼 때 생기는 오류를 해결하지 못하여 'react-native-blob-util'가 아닌 'react-native-fs' 라이브러리를 활용해 해결해 보고자 아래의 공식문서를 참고하여 'react-native-fs' 사용법에 대해 정리해보고자 한다. https://github.com/itinance/react-native-fs GitHub - itinance/react-native-fs: Native filesystem access for react-nativeNative filesystem access for react-native. Contribute to itinance/react-native-fs development by creating ..

홈화면에서 숙소정보 데이터 연동 트라이중 에러사항많음

쌍방향 통신 구현 힘들어서 찜목록 기능 없애버림, 모두 같은 디자인 적용일수밖에 없게 배열에게 같은 스타일의 태그를 씌우는데 3번째 화면 스타일링 달라짐, props를 통해 여러사진 보내는건 가능하지만 reqiure문에서 직접적으로 import해주지않으면 배열로 여러 사진을 자식에게 전달하지 못하는데 이렇게 하니까 첫자신은 place들에따라 달라지지만 2번째부터 사진은 모두 같은 사진으로 뜸 이 모든게 props로 부모가 자식에게만 일방적으로 데이터를 전달하면서 생기는 것 같은데 로직을 바꾸거나 백엔드한테 각화면마다 데이터를 받는 구조로 가야할 것 같음 -> 가능하면 프론트끼리 최대한 데이터연동시키고 백에서 데이터 가져오는걸 최소화 하고싶어서 props를 활용해서 이것저것 해봤지만 에러많음   (프로젝트..

반응형