몽땅뚝딱 개발자

https://kciter.so/posts/principles-of-debugging/

보호되어 있는 글입니다.

∕ 2024.09

보호되어 있는 글입니다.

✨ 트러블 슈팅- use_expo_modules!config = use_native_modules!pod 'GoogleUtilities', :modular_headers => true // hereuse_frameworks! :linkage => :static // here  - flipper 설정 끄기# :flipper_configuration => flipper_config

보호되어 있는 글입니다.

갖가지 핑계로 미루고 미루다가..... 드뎌 적용,,^^      1. App.tsx를 감싸준다.import { registerRootComponent } from 'expo'import 'react-native-gesture-handler'import * as Sentry from '@sentry/react-native'import App from './App'Sentry.init({ dsn: {settings > DNS 정보에서 가져온 key}, tracesSampleRate: 0.5,})registerRootComponent(Sentry.wrap(App))  2. 에러가 발생한 부분에 적용한다.Sentry.captureException의 두번째 파라미터는 hint로 자세한 정보를 보낼 수 있다...

받아오는 방식은 props를 intercept 해서 가공한 뒤 Component의 props으로 넘긴다. import type { ComponentType } from "react"import { useState, useEffect } from "react"import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"const LIMIT = 6const OFFSET = 0const SCROLL_THRESHOLD = 200const PREVIOUS_CLASS = "Previous"const PREVIOUS_DISABLED_CLASS = "Previous Disabled"const NEXT_CLASS = "Next"const NEXT_DI..

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..