하루살이 개발일지

1. React Native Reanimated란?React Native는 Software Mansion에서 만든 라이브러리이다.Reanimated는 UI 스레드에서 실행되는 복잡한 애니메이션과 상호작용을 구현할 때 사용되는 라이브러리로서, React Native 애플리케이션에서 매끄러운 애니메이션 경험을 제공한다.  1-1. Reanimated 의 필요성1️⃣ 성능 최적화Reanimated는 애니메이션 작업을 주로 UI 스레드에서 처리해서 자바스크립트 스레드의 부하를 줄인다. 이를 통해 애니메이션이 JS 스레드에 의존하지 않기 때문에, JS 스레드가 바쁘더라도 애니메이션의 부드러움이 유지된다. 2️⃣ 복잡한 애니메이션 구현Reanimated는 복잡한 애니메이션과 상호작용을 섬세하게 제어할 수 있는 AP..

⚠️ 해당 글은 완성되지 않은 계속 업데이트 중인 글입니다. 1. 동적으로 TextInput 내에서 두 줄까지 입력 가능하게 하기 언뜻 보기에는 쉬워보이는 기능이지만 React-Native에서 자체에 특정 width가 가득 찼는지 감지하는 기능 혹은 몇 줄 이상 넘어가지 못하게 제한하는 기능이 없어서 구현하기 까다로웠다. 이 기능을 구현하기 위해 생각해 낸 방법은 1) 글자수 제한 2) 어떻게든 2줄에 text가 가득 찼을 때를 감지해 비슷하게 구현하기 두 가지 방법이었다. 인스타그램에서는 어떻게 했는지 모르겠지만, 일단 내가 구현하는 ui는 인스타그램 스티커처럼 폰트나 width가 고정되어 있는 게 아니라, 사용자 screen에 따라 달라지는 ui였기 때문에 글자수를 제한하면 ui가 예쁘게 구현되지 않..

1. 사용 동기 앱 개발 도중 react-native-image-picker 라이브러리를 활용해 유저가 앨범에서 사진을 업로드하는 기능을 개발하던 도중, iOS에서 앨범에 접근할 수 있는 권한이 없어 유저에게 권한 요청 하는 기능이 필요했음 (iOS에서 비공개 접근(private access to photos)밖에 할 수가 없었다.. 구체적인 내용 보러가기) 2. 에러 내용 No permission handler detected 에러가 계속 발생함. 어라? 난 분명 react-native-permissions 라이브러리 설치 후 pod install 까지 제대로 했는데.. Info.plist에 NSPhotoLibraryUsageDescription 도 잘 작성해 주었는데.. 3. 해결 방법 저 에러 세번..

react-native-image-picker를 통해 유저가 앨범에서 사진을 골라 업로드하는 기능을 개발하던 도중, 앨범에서 사진을 선택하려고 하면 '비공개 접근' 밖에 불가능했다. 앱 설정에 들어가서 바꾸려고 해도 권한 변경이 다음과 같이 불가능했다. (원래는 안함, 제한된 접근, 전체 접근 항목이 나와야 함) react-native-image-picker 자체적으로 사진 앨범 접근 권한을 받아올 수는 없는건가 싶어서 react-native-permissions로 권한을 부여해 보았다. useEffect(() => { const checkPermission = async () => { const res = await checkMultiple([PERMISSIONS.IOS.PHOTO_LIBRARY]); ..