ui를 만들다 보면 아래와 같이 Flatlist를 중첩해서 사용해야 할 때가 있다. } /> 이 경우 아래와 같은 오류가 발생한다. A VirtualizedList contains a cell which itself contains more than one VirtualizedList of the same orientation as the parent list. You must pass a unique listKey prop to each sibling list. Item Key의 문제인줄 알았는데 FlatList에 listKey prop을 추가해주지 않아서 발생하는 오류였다. } /> 즉, FlatList는 VirtualizedList를 사용하는데, 이들을 구분해줄 key가 없어서 발생하는 오류였다.
React Native
1. 개요 그동안 React Native로 앱을 만들며 여러가지 라이브러리를 사용했다. 그 과정에서 느낀 점은 라이브러리는 개발 시간을 크게 줄여주고 효율성을 높여준다는 점이고, 이런 공유 문화에 기여하고 싶다고 생각하고 있었다. 우선 처음 해보는 작업이니 간단하고, 기존에 없던 라이브러리를 만들어보았다. 2. 개발한 라이브러리 라이브러리 이름은 react-native-component-shaker로 지었다. props로 전달받은 JSX Element를 좌우 혹은 상하로 흔드는(shake) 애니메이션을 제공한다. 사용자가 잘못된 값을 입력하거나, 빈 값인 상태로 제출 버튼을 클릭했을 때 등이 상황에 사용할 수 있을 것으로 예상된다. 그 외에도 shake범위, 시간, 횟수 등 다양한 값을 자유롭게 변경할 ..
드디어 그동안 못했던 아쿠쿠아 v1.4.0을 출시했다! 사실 이 버전은 작년 12월~올해 1월 사이에 배포 예정이었는데, 개인적인 일들이 많이 겹치고 겹쳐 개발이 많이 지연되었다. 그래도 틈틈히 개발을 계속 했고, 마침내 출시할 수 있어서 너무 다행이다! 새로 출시된 기능들을 간단하게 살펴보자! 1. 추가된 기능 1. 온보딩 화면 추가 기존의 텍스트와 로그인 버튼만 있던 온보딩 화면에서 이미지와 간단한 설명 문구를 추가했다. 앱을 설치 후 "로그인"이라는 장벽을 넘을 수 있도록 유도하는 목적으로 추가했으며, 서비스의 주요 기능을 축약해서 설명하는 역할을 한다. 2. 수족관 각종 수족관을 등록하고 관리할 수 있는 기능을 추가했다. 주소, 링크 클릭시 복사하는 기능과 연락처 클릭시 전화걸기 기능 등 편의성에..
최초 작성일 : 2023.10.13 최종 수정일 : 2023.10.13 1. 개요 현재 사이드 프로젝트로 서비스중인 아쿠쿠아 서비스를 playstore에서 설치한 뒤 실행하면 로그인을 포함한 서버와의 통신이 되지 않는 문제가 있었다. 문제를 찾는것이 늦어졌는데 그 이유는 막상 개발하며 debug, release모드로 테스트를 할 땐 전혀 문제가 없었기 때문이다. 오직 .aab, .apk로 빌드하고, 이를 안드로이드 기기에 설치했을 때만 문제가 발생했다. 또 ios에서는 아무 문제가 없었다! 그렇기에 console을 찍어볼 수도 없어 여러가지 경우의 수를 다 반복해보며 원인과 해결법을 찾아보았다. 2. 원인 조사 apk파일로 빌드한 상태에서는 콘솔을 볼 수 없으므로 오류 메세지를 그냥 태그로 출력하게 했더..
