Note/REACT NATIVE (3) 썸네일형 리스트형 React Native FlatList 스크롤 로딩구현 프로젝트 진행중 FlatList를 이용하여 무한 스크롤 리스트 기능을 개발하고있었다. 기능은 간단하다 하단으로 어느정도 스크롤이 되면 다음 데이터를 불러오기만 하면 된다. 단, onEndReached, onEndReachedThreshold 이 두 속성에대한 이해가 부족한 상태로 기능구현을 진행하고있었다... 공식 문서를 읽어봐도 뭔가 이해가 제대로 되지 않았고, 저 두가지 속성을 가지고 분석할만한 시간도 충분하지 않았다. 그래서 그냥 기능을 우선 적용하기 위해 대략적인 형태로 기능만 구현 할 뿐이었다. 언제 무슨 버그가 터져도 이상하지 않은 상황... 그래서 결국 결단을 내렸다. 전체적인 코드 보완은 결국 해야할일.. 저 두 속성을 조금은 더 이해해볼까 했다. 일단은 간단하게 리스트를 구성했다. 먼저 .. 'React-Native-Camera-Kit' Capture image upload / Laravel Backend / S3 Upload React-native로 작성된 Application에서 카메라를 이용해 찍은 사진을 Laravel Backend로 전송한다. 스마트폰 자체의 스토리지에 따로 저장하지 않기 때문에 찍은 즉시 변수에 담아놓았다가 전송하게 되었다. 추가적으로 AWS S3에도 파일 업로드를 진행할 예정이다. 이미 백엔드에 파일을 저장했기 때문에 React-Native 프론트에서는 추가 작업 필요없이 백엔드에서 저장되어있는 파일을 S3로 업로드 후 삭제처리를 할 예정이다. 전체 프로세스를 요약하자면 -> React-native에서 카메라로 사진 촬영 -> 촬영된 사진의 정보를 FormData에 할당 -> 백엔드로 전송 -> 백엔드에서 S3로 이미지 파일 업로드 및 저장 URI를 가져옴 -> DB에 이미지 파일 관련 관리용 데이.. ReacNative: requireNativeComponent:"CKCameraManager" was not found in the UIManager 오류 해결 RN프로젝트 진행 중 카메라 기능이 필요하여 react-native-camera-kit을 사용하게 되었다. Git: https://github.com/teslamotors/react-native-camera-kit 기존에 만들어져 서비스중인 프로젝트에 추가로 작업하는 기능이라 오류발생은 예상된 상황이었다.. 가장 애를 먹이던 오류는 이것인데.. `ReacNative: requireNativeComponent:"CKCameraManager" was not found in the UIManager` 일정 때문에 정확한 오류 상황을 확인하여 처리하기에는 어려웠다.. 어쩔 수 없이 package.json을 재설정하는 과정을 거치면서 해결되었다... 나중에 정확한 발생 이유를 찾아봐야겠다.. 이전 1 다음