하루살이 개발일지

⚠️ 해당 글은 완성되지 않은 계속 업데이트 중인 글입니다. 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]); ..

recoil-persist와 atomFamily를 사용해 session storage에 atom 저장하기 상황 ‘해결된 민원이에요’ 버튼이 4에서 5로 넘어가는 순간, 모달을 띄워 해결된 게시물임을 알려야 했던 상황 해당 모달은 게시글마다 모달 창을 ‘단 한 번만’ 띄워서 알려주어야 했음 시도한 것들 1. alert여부를 local state로 만들어 관리 const [isDoneAlerted, setisDoneAlerted] = useState(false); useEffect(() => { if (localDoneCount === 5 && !isDoneAlerted) { setisDoneAlerted(true); openModal(EModalType.POP_UP, { title: '해결 완료 처리된 게..