eunoia

최적화를 위한 Memorization :기존에 수행했던 연산, 결과들을 어딘가에 저장한 뒤 동일한 입력값인 경우 재활용하는 것 useMemo : -첫 번째 인자 : 기억할 값을 리턴해주는 함수 -두 번째 인자 : dependency array const variableA = useMemo(()=>{}, [])//useEffect와 비슷한 사용법 (예) export const ComponentA = (props)=>{ //props.a=1, props.b=2; const variableA = useMemo(()=>{ return props.a+props.b }, [props.a, props.b]) }; useCallback: -첫 번째 인자 : 기열 할 함수를 리턴해주는 함수 -두 번째인자 : depend..

1. 컴포넌트 간 상태 관련 로직 재사용하기 어려움 매번 같은 상태 관리 로직을 copy&paste 공통화되지 않다 보니 컴포넌트마다 변경사항을 수정해야 하는 어려움 2. 컴포넌트가 커질수록 복잡해지는 로직 단일 책임 원칙에서 벗어남 3. 혼란을 주는 class *hook 사용의 규칙 1. 모든 hook을 사용할 때 최상단에서 호출하여야만 함 함수호출 = 랜더링 2.react 함수에서만 hook을 사용해야 함 자주 사용하는 hook React-native -useWindowDimensions -useBackHandler : 안드로이드에서 back키를 눌렀을 때 / return으로 boolean값을 꼭 해주어야 한다. npm install @react-native-community/hooks (예) exp..

Props-drilling 이란? 값을 계속해서 하위 컴포넌트의 props로 전달해 주는 것 >>굉장히 복잡해짐. 방지 방법 1. 리덕스 : 상태관리도구 state : React component에서 관리되고 있는 어떤 값 2. 상태관리 라이브러리 활용 redux, context API, recoil 등

gradle-wrapper.properties 파일>> distributionUrl=https\://services.gradle.org/distributions/gradle-{8.0.1}-all.zip 설치하고 싶은 버전이 7.6.1이면 distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.1-all.zip ./gradlew wrapper --gradle-version {8.0.1} 설치하고 싶은 버전이 7.6.1이면 ./gradlew wrapper --gradle-version 7.6.1 완료 후 다시 빌드 호환되는 java가다른 경우 jdk를 맞추어설치해주어야 한다…. 끝이 없는설치지옥 ㅠ0ㅠ 설치 그만.. 에러 그만...

이러한 문제는 프로젝트의 의존성이나 환경 설정의 일관성 문제로 인해 발생할 수 있습니다. 다음 몇 가지 단계를 따라 문제를 해결해 볼 수 있다 프로젝트의 의존성을 설치해야 합니다. 프로젝트 디렉터리로 이동한 후에 다음 명령을 실행하여 필요한 의존성을 설치합니다: npm install cd ios && pod install 이후 다시 npm start 하면 열림

Object.values(obj) : Object.values()는 파라매터로 전달된 객체가 가지는 열거 가능한 속성의 값들로 구성된 배열을 반환한다. 배열의 값들이 순서는 오브젝트의 속성을 for in 구문등으로 반복한 결과와 동일. (예) var obj = { a: {a : 'somestring'}, b: 42, c: false, d: 'str' }; Object.values(obj); // [{a : 'somestring'}, 42, false, 'str']

Sentry.captureMessage는 Sentry라이브러리에서 제공하는 함수로, 오류나 예외 상황이 아닌 메시지를 캡처하고 전송하는 데 사용된다. 이 함수를 사용하여 특정 메시지를 Sentry로 보내면, 해당 메시지는 Sentry 대시보드에서 볼 수 있다. Sentry.captureMessage를 사용하는 경우는 다양하다. 예를 들어, 애플리케이션에서 중요한 이벤트가 발생했을 때, 사용자의 특정 액션에 대한 정보를 기록하고 싶을 때, 또는 사용자들이 경험할 수 있는 특정한 문제점을 추적하고 싶을 때 사용할 수 있다. 이를 통해 애플리케이션의 동작을 모니터링하고 문제를 해결하는 데 도움이 된다. Sentry 대시보드는 Sentry.io라는 웹 기반 서비스에서 제공된다. Sentry.io 웹사이트에 로그..

랜더링 속도로 인한 건지, 이미지를 불러오기도 전에 이미지가 포함된 뷰가 리턴되는 경우 이미지 uri가 undefined라며 에러창이 뜬다. 이미지 uri에는 Null Safety코드를 꼭 넣어주어야 한다. (Null Safety 란개발되는 코드가 Null 안전성을 보장한 상태로 개발되게 하고자 하는 개념이다.)

npm i --save @fortawesome/react-native-fontawesome @fortawesome/fontawesome-svg-core react-native-svg cd ios && pod install npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-brands-svg-icons npm i --save @fortawesome/free-regular-svg-icons

useEffect(() => { // 모달이 열릴 때마다 TextInput에 focus를 준다. if (modalVisible) { setTimeout(() => { textInputFocusRef.current?. focus(); }, 100); // 약간의 시간차가 있어야 TextInput에 focus가 먹힌다. }}, [modalVisible]); # 안드로이드 기기에서 모달창이 바깥인 경우 잘 보이지 않는 현상이 있다 // 그럴 때는 모달창 밖으로 를 위치하면 된다.\ 예) if (Platform.OS === "ios") { // ios는 그대로 return ( ); } else if (Platform.OS==='android'){ return ( );