React

컴포넌트가 프롭스(props)를 전달하지 않고 먼 부모(parent) 컴포넌트로부터 정보를 받을 수 있도록 하는 것을 "컨텍스트(Context)"라고 합니다. 예를 들어, 앱의 최상위 컴포넌트는 얼마나 깊은 위치에 있던 하위 모든 컴포넌트에 대해 현재 UI 테마를 전달

useReducer는 컴포넌트에 리듀서(reducer)를 추가할 수 있는 React Hook입니다.리듀서와 함께 컴포넌트의 상태를 관리하려면 컴포넌트의 최상위 수준에서 useReducer를 호출하세요.reducer: 상태가 업데이트되는 방법을 지정하는 리듀서 함수입니다

useRef는 렌더링에 필요하지 않은 값을 참조할 수 있게 해주는 React Hook입니다.컴포넌트의 최상위 수준에서 useRef를 호출하여 ref를 선언합니다.initialValue: ref 객체의 current 속성이 처음에 가질 값을 의미합니다. 어떤 타입의 값도

forwardRef 는 컴포넌트가 ref와 함께 DOM 노드를 상위 컴포넌트에 노출할 수 있게 합니다.forwardRef() 를 호출하여 컴포넌트가 ref를 받고, 해당 ref를 자식 컴포넌트로 전달할 수 있게 합니다.render: 컴포넌트의 렌더 함수입니다. Reac

memo는 컴포넌트의 props가 변경되지 않았을 때 해당 컴포넌트의 다시 렌더링을 건너뛰게 해줍니다.memo(Component, arePropsEqual?)컴포넌트를 memo로 감싸서 해당 컴포넌트의 메모이즈된 버전을 얻을 수 있습니다. 부모 컴포넌트가 다시 렌더링되

useCallback은 리렌더링 사이에 함수 정의를 캐시하는 React Hook입니다.useCallback(fn, dependencies)리렌더링 사이에 함수 정의를 캐시하기 위해 컴포넌트의 최상위 레벨에서 useCallback을 호출하세요.fn: 캐시하려는 함수 값입