eunoia

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 ( );

구조분해 const renderItem = ({ item: image, index }) => { const { id, uri } = image; //구조분해 : image를 쓸 수도 있고, id, uri도 단독으로 쓸 수 있다. ... }

240111 Style - justifyContent : (좌-우) 컨테이너의 flex direction 방향에 따라 배치되는 flex 적용 대상들의 사이 간격과 주변의 여백을 지정. 부모컨테이너 내의 자식 엘리먼트들의 위치 지정. 컴포넌트들을 진행 방향에 따라서 어떻게 배치할지 지정 - alignItems : (위-아래) 부모 view 컴포넌트에 선언. flex가 적용 가능한 자식 요소들에 영향을 미친다. 컴포넌트들을 보조축을 따라 어떻게 배치할지를 지정 - alignSelf : 자식요소에 직접 지정 부모 컨테이너에 지정된 alignItems 속성값을 오버라이드 할 때 사용 내비게이션 탭 내비게이션 스택 내비게이션 드로어 내비게이션 # 탭 내비게이션 : 화면의 위나 아래에 탭이 있고, 탭을 누르면 탭과..

현재 내 상황 컴퓨터 : 맥북 프로 16 -버전 : macOS 14.2.1 xcode : 15 ———————cli 문제 해결 ——————— 프로젝트 설치 전 : npm uninstall -g react-native-cli @react-native-community/cli //cli 삭제 프로젝트 설치 : npx react-native@latest init efenpx //후 최신 버전으로 재설치 react-native doctor // 문제상황 보고서 ———————Pod dependency 문제 해결——————— After upgrading to latest version of gems and cocoa pods. can run any pod commands * sudo gem uninstall acti..

작은 단위 컴포넌트부터 만들기 Atomic design pattern : 작은단위부터 큰 단위까지 컴포넌트를 조합해 만들어가는 것 (Lego 조립과 비슷) React-natived에서 자주 사용하는 hook -useWindowDimensions // 디바이스별로 화면 크기를 조절할 수 있다. export const ComponentA = (props) => { const {window, height}=useWindowDimensions(); {…etc code} } -useBackHandler npm install @react-native-community/hooks -useAppState npm install @react-native-community/hooks -useNavigation, useRou..

커뮤니티 기능 구현 중 글쓰기 버튼을 두 번 누르니, 글쓰기 함수가 두 번 실행되어 글이 중복 작성되는 오류를 발견하였다. 구글링 결과 해결방법은 1. state를 만들어 버튼 disabled 속성에 적용한다. 2. 버튼을 눌렀을 때 state값이 true로 변하게 하여 버튼이 눌리지 않게 한다. 3. 혹시나 눌렀을 경우를 대비해 버튼을 눌렀을 때 실행되는 함수에서도 실행되었을 때 state값이 true로 변하게 하여 버튼이 눌리지 않게 한다. //그러면 2번에서 혹시나 중복으로 누르게 되었어도 첫 번째 함수가 실행되었을 때 state값이 true 가 되므로 함수가 두 번 실행되지 않는다. 함수가 끝났을 때는 다시 state가 false로 바뀐다.(state의 기본값) 예) 1. state 값 설정 #..