surf react : hooks (useMemo, useCallback) - 3

useMemo와 useCallback 은 리액트의 렌더링 성능 최적화를 위한 hook 이기 때문에 필수적으로 사용할 필요는 없다. 이를 통해 렌더링 시의 고비용 계산을 방지하게 해줄 수 있다. useMemo 는 특정 결과값을 재사용 할 때 사용하는 반면, useCallback 은 특정 함수를 새로 만들지 않고 재사용하고 싶을때 사용한다. 함수를 선언하는 것 자체는 사실 메모리도, CPU 도 ...

React훅hook리액트React

라이프 사이클? 훅?

라이프 사이클 (Life Cycle) 컴포넌트의 생성(mount) 업데이트 소멸(unmount) 훅 (Hook) 컴포넌트의 라이프 사이클(mount, update, unmount) 중간에 훅(갈고리)을 걸어서 실행할 명령 useEffect() case 1 useEffcet()를 사용할때는 import {useEffect} from 'react' 를 상단에 입력해준다. useEffect()는 ...

프론트엔드리액트JavaScriptReact훅frontendhook자바스크립트JavaScript

HOOK 사용법

리듀서: 현재 상태, 그리고 업데이트를 위해 필요한 정보를 담은 액션(action) 값을 전달받아 새로운 상태를 반환하는 함수 리듀서(reducer): 변화를 일으키는 함수 액션을 만들어 발생시키면, 리듀서가 현재 상태와 전달받은 액션 객체를 파라미터로 받아 온다. 또한 const[state,dispatch] 함수를 받아 온다 state: 현재 가리키고 있는 상태 dispatch:액션을 발생...

리액트 훅리액트React훅mern stackclientfrontendweb fronthookreact hookReact

surf react : hooks (useState, useEffect) - 2

react hooks의 useState를 이해한다. react hooks의 useEffect를 이해한다. useState는 함수형 컴포넌트에 state를 제공한다. setCount로 count state를 변경하면 리렌더링된다. 위 예제가 바로 Custom Hook을 만든 것이다. 이 useCount를 원하는 컴포넌트에서 호출하면 state인 count 값을 이용할 수 있고, setCount...

훅hook리액트ReactReact