728x90 [리액트 네이티브] useFocusEffect 를 이용하여 화면 새로고침 리액트 네이티브에서 useFocusEffect는 리액트 네비게이션(Navigation) 라이브러리와 함께 사용되는 훅(Hook) 중 하나입니다. 이 훅은 화면의 포커스가 변경될 때 실행되는 효과를 만들어줍니다. 주로 화면 포커스가 변경되면 필요한 작업을 처리하는 데 사용됩니다. 예를 들어, 화면이 보여질 때 데이터를 새로고침하거나, 화면에서 벗어날 때 타이머를 정리하는 등의 작업에 유용합니다. useFocusEffect 훅 사용하기: import React, { useEffect, useCallback } from 'react'; import { View, Text } from 'react-native'; import { useFocusEffect } from '@react-navigation/nativ.. 2023. 7. 24. [리액트] 리덕스 예제 UI 준비하기 components/Counter.js const Counter = ({ number, onIncrease, onDecrease }) => { return ( {number} +1 -1 ); }; export default Counter; redux-actions 라이브러리를 사용한 리듀서 모듈 만들기 modules/counter.js // redux-actions 라이브러리 사용 import { createAction, handleActions } from 'redux-actions'; // 1. 액션 타입 정의 const INCREASE = 'counter/INCREASE'; // 액션 타입은 대문자, 문자열 내용은 '모듈이름/액션이름' const DECREASE = 'counter/D.. 2023. 2. 20. [리액트] redux 용어 및 사용시 주의사항 리덕스 앱의 상태를 관리 용어 1. 액션 객체로 표현 type 필드를 반드시 포함 액션 이름은 문자열, 대문자, 고유 2. 액션 생성 함수 액션 객체를 만들어 주는 함수 3. 리듀서 변화를 일으키는 함수 현재 상태와 액션 객체를 파라미터로 사용하면 새로운 상태를 반환 4. 스토어 리덕스를 적용하기 위해 필요 한 개의 프로젝트에 한 개의 스토어 현재 앱의 상태, 리듀서, 중요한 내장 함수가 저장 createStore 함수를 import 하여 생성 및 사용 5. 디스패치 액션을 발생시키는 것이 디스패치 스토어 내장 함수 중 하나 dispatch(action) 과 같이 액션 객체를 파라미터로 넣어서 호출 6. 구독 액션이 디스패치되어 상태가 업데이트될 때마다 파라미터로 받은 함수 호출 스토어 내장 함수 중 하.. 2023. 2. 10. [책 / 오디오북] 2억 빚을 진 내게 우주님이 가르쳐준 운이 풀리는 말버릇 요약 말버릇을 긍정적, 구체적, 완료형으로 바꿀 것 '감사합니다'를 하루에 500번 말한다 계획만 하면, 생각만 하면, 평생 계획, 생각으로 끝난다(실행하자) 세상 모든 것은 나 자신(내 우주)이다 원하는 자신을 연출하면 현실이 된다 돈을 낼 수 있는 나는 대단한 사람이다(돈을 낼때, 들어올 때 감사함을 말하라) 미래의 내 목소리에 귀를 기울이고 과거의 나에게 외쳐라(시간은 미래에서 과거로) 우주님은 내면의 목소리 목차 프롤로그 1부 불가사의한 우주의 규칙 부정적인 말도 우주에 보내는 주문이다 우주님의 스파르타 수업 1교시: 완료형 말버릇으로 바꾼다 빚을 갚기 위해 맨 처음으로 선택한 말 인생의 난이도를 설정한 사람은 자신이다 우주님의 스파르타 수업 2교시: “잘될 리가 없어.”라는 말버릇은 금지 지금 .. 2023. 2. 3. [책 / 오디오북] 멘탈을 바꿔야 인생이 바뀐다 요약 상상력으로 인생이 바뀐다. 무의식으로 내면화하며고 부정한 상상을 멀리하라. 타인을 인정할 줄 알아야 발전할 수 있다. 목표를 세워 무의식에 새겨라. 나를 믿어라. 목차 프롤로그 PART 1 멘탈은 변화시키면 된다 1. 어떤 무의식을 선택할 것인가 2. 열정 없는 자의 항변들 3. 상상력이 논리를 이긴다 4. 인정, 발전을 위한 필수 조건 5. 가장 큰 문제는 목표가 없는 것이다 6. 잘될 놈은 잘되고 안 될 놈은 안 된다 7. 유유상종의 법칙 PART 2 원하는 것에 확실히 집중하는 방법 1. 원하는 것에만 집중해라 2. 중얼거림도 허투루 하면 안 된다 3. 많은 사람이 거품과 허례허식에 열광하는 이유 4. 의미 없는 편안함에 물들지 마라 5. 당신이 생각하는 인류 최고의 발견은? 6. 열정은 최면.. 2023. 2. 2. [리액트] useMemo 와 useCallback hook 차이점 useMemo 1. 원인 렌더링할 때마다 컴포넌트에 선언한 함수를 연산(계산)하여 자원이 낭비를 초래 2. 해결 useMemo Hook을 사용하여 첫번째 파라미터에 특정 함수를 넣고, 두번째 파라미터 배열에 특정 함수 연산에 필요한 인수를 넣으면, 인수가 바뀔 때만 특정 함수를 연산하여 최적화 연산하지 않은 경우 기존에 연산한 값을 재사용 const sumFuc = (a) => { ... // 렌더링할 때마다 연산 }; ... const Test = () => { const sumFucMemo = useMemo(() => sumFuc(a), [a]); // useMemo 사용으로 a가 바뀔 때만 sumFuc 함수 연산 ... return ( {sumFucMemo} ... ); }; useCallback .. 2023. 2. 1. 이전 1 2 3 다음 728x90
