React

useState는 컴포넌트에 상태 변수를 추가할 수 있는 React Hook 입니다.컴포넌트 최상위에서 상태 변수를 선언합니다.상태 변수는 배열 디스트럭처링을 통해 선언하는 것이 관례입니다.초기상태 ( intialState ) : 초기 상태를 설정할 값으로 모든 유형의

useEffect는 컴포넌트를 외부 시스템과 동기화할 수 있는 React Hook입니다.useEffect는 컴포넌트의 최상위에선 호출하여 이펙트를 선언합니다.setup이펙트의 로직이 포함된 함수입니다. 선택적으로 cleanup 함수를 리턴할 수 있습니다.컴포넌트가 DO

useRef는 랜더링에 필요하지 않은 값을 참조할 수 있는 React Hook 입니다.컴포넌트의 최상위에서 ref를 선언합니다.initialValueref 객체의 current 프로퍼티에 처음에 설장할 값입니다.모든 유형의 값을 사용할 수 있습니다.초기 랜더링 이후에는

useCallback은 리랜더링 사이에 함수 정의 캐시할 수 있는 Rreact Hook 입니다.fn캐시하려는 함수입니다. 이 함수는 어떠한 인수도 받을 수 있고 어떠한 값이라도 반환할 수 있습니다.React는 초기 랜더링 중에 함수를 다시 반환하고 호출하지는 않습니다.

useMemo는 리랜더링 사이에 계산 결과를 캐시할 수 있는 React Hook 입니다.calculateValue캐시하려는 값을 계산하는 함수입니다. 순수 함수여야 하며, 어떠한 인수도 받지 않아야 합니다.초기 랜더링 시, 함수를 호출하고, 이후 depnedecies

원문 : https://react.dev/learn/sharing-state-between-components두 컴포넌트의 상태가 항상 함께 변경되길 원한다면, 두 컴포넌트에서 상태를 제거하고 가장 가까운 공통 부모로 이동한 다음 props를 통해 전달하면 됩

컴포넌트가 특정 정보를 기억하도록 하고 싶지만, 해당 정보가 랜더링을 트리거하지 않도록 하려는 경우 참조를 사용할 수 있습니다.React에서 useRef Hook을 가져와 컴포넌트에서 ref를 추가할 수 있습니다. 컴포넌트 내에서 useRef를 호출하고 참조하려는 초기

원문 : https://blog.devgenius.io/best-ways-to-style-a-react-js-application-c818b71f6341React-JS 프로젝트를 시작할 때마다 일반적으로 이 특정 프로젝트에서 스타일링 방법론에 따라야 할지에 대

원문 : https://beta.reactjs.org/learn/reusing-logic-with-custom-hooksReact에는 useState, useContext, useEffect와 같은 몇 가지 내장 Hook이 있습니다. 떄로는 데이터를 불러오거나