이 포스트에서 다룰 것 컴포넌트를 최적화하기 위해 사용하는 대표적인 훅 , 중에서, 를 알아볼 것이다. 를 사용하는 방법과, 사용하면 무엇이 좋은지를 알아본다. 배경 지식 Memoization(메모이제이션) 라는 이름에서 알 수 있듯이 는 말 그대로 메모를 하는 방
리액트에서 함수형 컴포넌트를 사용한다면 훅(Hook)이라는 기능을 필수적으로 사용하게 된다. 지난 포스팅에서도 다루었지만, 예제와 함께 더 자세하게 기본 중의 기본 훅인 useState를 알아볼 것이다. 자바스크립트 ES6의 Destructuring Assignment
이 포스트에서 다룰 것 리액트 앱을 개발하면서 특정 컴포넌트의 렌더링 직전에 특정 작업을 해야 한다던지, 업데이트 된 후에 처리해야 한다던지 하는 일이 있을 것이다. 이런 상황에서 유용하게 쓰일 수 있는 훅의 개념과 사용법과 의존성 배열에 대해서 알아본다. 컴포넌
이 포스트에서 다룰 것 useMemo에 이어, 리액트의 최적화 훅인 useCallback에 대해 학습한다. 입사하고 나서 부랴부랴 공부하는 리액트(ㅠㅠ)! 매일 매일 쌓아가면 언젠가는 친해질 거라 믿는다. 이란? 와 마찬가지로 메모이제이션 기법을 통해 성능을 향상시키
이번 포스트에서는 리액트 훅 시리즈인 useRef에 대해서 공부한다. 왜냐하면 내일 업무에서 useRef를 써야 하기 때문이다🥲.. useRef를 사용해 슬라이더(prev/next 버튼)을 만들어 볼 건데, 무사히 완성되면 관련 내용도 정리해서 포스팅해 볼 계획이다.