리액트 기본기

useState , useRef 의 차이 우리는 react에서 상태를 기억하고 상태를 동적으로 변경하기 위해 useState를 사용한다. useState는 우리가 초기값으로 전달해준 값이 바뀌게 되면 리랜더링 되는것을 모두 알고있을 것이다. 하지만 useRef도

useState 우리는 useState를 통해 상태를 만들어 동적으로 상태를 관리한다. 위 코드에서 increase함수를 만들었고 버튼에 함수를 달아놓았다. number가 set함수를통해 +1 씩 증가할 것이다. 하지만 increaseAsync 비동기 증가함수는

오늘은 useEffect에대해 조금 밀도 있게 공부해보자.먼저 컴포넌트 , react , 브라우저 이렇게 3단계로 잡아 useEffect의 랜더링 시점부터 공부해보자.위 코드에서 랜더링 프로세스 부터 분석해보자.컴포넌트가 react! html결과를 보여주어야합니다! y

react에서는 useState hook을 이용해 상태를 관리한다.useReducer는 useState hook을 대체 할 수 있는 react hook이다.그렇다면 useState로 관리하면 되는데 왜 useReducer가 등장했을까?useReducer는 한 컴포넌트

오늘은 유즈메모 훅에 대해 공부해보자. 먼저 useMemo에서 Memo는 무엇일까? > 바로 Memoization을 뜻한다. Memoization이란? > 동일한 함수의 값을 리턴하는 함수가 있을 때 , 그 함수를 반복적으로 호출해야 한다면 맨 처음 리턴값을

useCallback은 useMemo처럼 기본적으로 Memoization을 사용한다.useCallback은? useCallback(()=>{return value},item)위에 굵은 글씨로 칠한 부분 즉 콜백함수 자체를 memoization을 한다.useMemo는