react

react 16.8 버전에 새로 도입된 기능이다. 대표적으로 함수형 컴포넌트에서도 상태 관리를 할 수 이쓴 useState, 렌더링 직후 작업을 설정하는 useEffect 등이 있다. useState 는 가장 기본적인 hook이다. useState의 파라미터로 상태의

useReducer는 useState보다 더 다양한 컴포넌트 상황에 따라 다양한 상태를 값으로 업데이트해 주고 싶을 때 사용하는 hook이다. reducer는 현재 state, 그리고 업데이트를 위해 필요한 정보를 담은 action 값을 전달받아 새로운 상태를 반환하는

useCallback useCallbackdms useMemo와 상당히 비슷하다. (이전 포스팅 참고) 주로 렌더링 성능을 최적화해야 하는 상황에서 사용하다. useCallback을 통해 이벤트 핸들러 함수를 필요할 때만 생성할 수 있다. Average 컴포넌트 내부

ref란? 특정 DOM 요소에 어떤 작업을 해야할 때 해당 Element에 id를 달면 css에서 특정 id에 특정 스타일을 적용하거나 자바스크립트에서 해당 id를 가진 element를 찾아 작업을 할 수 있다. 이렇게 HTML에서 id를 사용하여 DOM에 이름을 다

모든 리액트 컴포넌트에는 라이프사이클이 존재한다. 컴포넌트의 수명은 페이지에 렌더링되기 전 준비 과정에서 시작해 컴포넌트가 페이지에서 사라질 때 끝난다. 라이프사이클 메서드는 컴포넌트를 처음 렌더링할 때 어떤 작업을 처리해야 하거나, 컴포넌트 업데이트 전과 후에 작업을

immer react에서 쉽게 불변성을 유지할 수 있는 코드 작성을 도와주는 라이브러리이다. ✅ reference Immer 공식 사이트 / inroducing immer! 불변성은 뭘까?🤔 리액트 컴포넌트에서 상태를 업데이트 할 때 불변성을 지키는 것은 매우

SPA 의 경우 서버에서 사용자에게 제공하는 페이지는 한 종류이지만, 해당 페이지에서 로딩된 자바스크립트와 현재 사용자 브라우저의 주소 상태에 따라 다양한 화면을 보여줄 수 있다. 다른 주소에 따라 다른 화면을 보여주는 것을 라우팅이라고 한다. 리액트 자체에 이 기능이