몽땅뚝딱 개발자

1. IOS에서 대응하는 프레임을 고려하자IOS 기기는 초당 60프레임을 표시하여 사용자와 UI 시스템에 16.67ms가 주어지고 그 시간 내에 프레임을 생성하는데 필요한 작업을 수행할 수 없다면 프레임이 삭제되고 UI가 응답하지 않는 것처럼 보인다.  2. 상용에서 console.log를 제거하자병목현상이 일어날 수 있다.// .babelrc{ "env": { "production": { "plugins": ["transform-remove-console"] } }}npm i babel-plugin-transform-remove-console --save-dev  3. FlatList 또는 SectionList를 사용하자FlatList를 사용하면 행 수에 관계없이 거의 일정한 메..

담당자에게 Version 2는 React Native를 지원하지 않는다는 답변을 받은 후, Version 1으로 진행하게 되었다. 토스 문서(https://docs.tosspayments.com/sdk/widget-rn)에 링크되어있는 샘플 프로젝트로 간단히 연동할 수 있었다.   1. 설치하기공식 문서에는 나와있지 않지만 tosspayments-react-native-webview도 함께 설치해야 한다. 자꾸 빌드가 안돼서 샘플 프로젝트랑 비교하면서 찾았다.npm install @tosspayments/widget-sdk-react-nativenpm install tosspayments-react-native-webview  2. 구현NavigationContainer 안에서 로 감싸주고 Payment..

🚀  종속성 관리- cocoapods이란?라이브러리 의존성 관리 매니저/패키지 매니저이다. cocoapods를 사용하여 종속성을 관리한다.   🚀 xcode- xcodeproj, xcworkspace의 차이?xcodeproj: 외부라이브러리 사용 없이 프로젝트를 생성하고 사용하는 경우로 프로젝트 설정파일들이 들어있는 디렉토리이다.xcworkspace: 외부라이브러리를 사용한 경우로 workspace와 프로젝트들에 대해 설명하는 파일이 들어있는 디렉토리이다. React Native를 이용한 App을 구성할 때 cocoapods를 사용했기 때문에 HealthTimer.xcworkspace를 이용해서 프로젝트를 열어야 한다. 이는 cocoapods를 이용하면 생성한 프로젝트를 내부에 별도로 구성하면서 xc..

에러 해결 모음집 ,, 🤔계속 업데이트 예정..!   - 설치 오류 시rm -rf node_modulesrm -rf package-lock.jsonrm -rf ios/buildrm -rf ios/Podfile.lockrm -rf android/buildyarn clear --forceyarn install  - xcode exit:0$ npx pod-install  - 뭘해도 안될 때

테스터의 기기에서 화면이 멈추는 문제가 발생했다.현상은 input 터치 후 bottom-sheet가 올라오는 과정에서 애니메이션도 동작하지않고 화면 자체가 멈췄다.   1. 해당 기기의 버전/기종 문제아닐까?같은 기종이나 버전으로 테스트해봤는데 증상이 재현되지 않았다.  2. 바텀시트의 문제일까?Bottom Sheet의 애니메이션이 동작하지 않는 것으로 판단했다.사용한 Bottom Sheet 라이브러리는 이것이다.🔗 https://www.npmjs.com/package/@gorhom/bottom-sheet 그리고 동일한 문제가 발생한 사람의 질문을 발견.. [v4] | [v2] BottomSheetModal failing to present on iOS · Issue #1560 · gorhom/reac..