⚡리액트 핵심요소 깊게 살펴보기 - 3.2 사용자 정의 훅과 고차 컴포넌트 중 뭘 써야할까🌕리액트에서는 재사용할 수 있는 로직을 관리할 수 있는 방법사용자 정의 훅 (custom hook)고차 컴포넌트 (higher order component)3.2.1 사용자 정의 훅 리액트 훅 기반서로 다른 컴포넌트 내부에서 같은 로직을 공유하고자 할때 사용되는 것 🌕사용자 정의 훅의 규칙use로 시작하는 함수를 만들어야 한다는 것 → use로 시작하는 이름을 가지지 않으면 에러가 발생함 3.2.2 고차 컴포넌트 (HOC, Higher Order Component)고차함수( Higher Order Function )의 일종가장 유명한 고차 컴포넌트는 React.memo컴포넌트 자체의 로직을 재사용하기 위한 방법?..

⚡리액트 핵심요소 깊게 살펴보기 - 3.1 리액트의 모든 훅 파헤치기🌚 훅(hook) 함수형 컴포넌트가 상태를 사용하거나 클래스형 컴포넌트의 생명주기 메서드를 대체하는 등의 다양한 작업을 하기 위해 추가됨훅을 사용하면 클래스형 컴포넌트가 아니더라도 리액트의 다양한 기능을 활용할 수 있음 3.1 리액트의 모든 훅 파헤치기 3.1.1 useState함수형 컴포넌트 내부에서 상태를 정의하고 상태를 관리할 수 있게 해주는 훅🌚기본 사용법import {useState} from 'react'const {state, setState} = useState(initialState)useState 인수로는 state의 초기값을 넘겨주는데, 아무런 값을 넘겨주지 않으면 undefined가 초기값임useState 반환값..

⚡리액트 핵심요소 깊게 살펴보기 - 2.5 컴포넌트와 함수의 무거운 연산을 기억해두는 메모이제이션리액트에서 제공하는 API 중 useMemo, useCallback, memo는 리액트에서 발생하는 렌더링을 최소한으로 줄이기 위해서 제공되는데, 정확히 언제 사용하는 것이 좋을까?2.5.1 주장1 : 섣부른 최적화는 독이다, 꼭 필요한 곳에만 메모이제이션을 추가하자꼭 필요한 곳을 신중히 골라서 메모이제이션해야 함메모이제이션도 어디까지나 비용이드는 작업이므로 최적화에 대한 비용을 지불할 때는 항상 신중해야 함2.5.2 주장2 : 렌더링 과정의 비용은 비싸다, 모조리 메모이제이션 해버리자리액트는 이전 렌더링 결과를 다음 렌더링과 구별하기 위해 저장해 둬야 하는데, 기본적인 리액트의 재조정 알고리즘이기 때문이전 ..