컴포넌트의 규모가 커지면, 한번에 컴포넌트의 state를 것을 관리하기 힘들어진다. reducer를 통해 여러 상태의 값을 하나의 함수로 관리할 수 있게 된다.여러 이벤트 핸들러에서 setState 로직을 사용할 때 사용하면 좋다방금 언급한 여러 이벤트 핸들러에서 us
useContext() 란? 언제 사용하나? 여러 컴포넌트를 통해 props 값을 전달해야 할 때 여러 컴포넌트에서 사용하는 값이 있을 때 예제 : 테마 적용, 로그인 상태 관리, 라우팅, 스테이트 관리 Context 란? 부모 컴포넌트가 하위 컴포넌트들이 접근할
Redux-Wrapper 는 Next.js 에서 서버렌더링 시 state 를 동기화하는 라이브러리다. 기존 redux 는 클라이언트에서 store 를 생성하고 저장하는데, next.js 는 서버에서 동작하는 상태가 있기 때문에 이와 같은 라이브러리의 필요성이 생겼다.
Next.js 에서 proxy 기능을 제공한다. 조사해 본 바에 의하면 가장 대표적인 설정방법은 api router 와 rewrites 기능이다.pages/api 디렉토리에서 app 의 endpoint 생성프론트 코드에 pages/api/new-api 라는 파일이 있으
처음 hook 을 보았을 때, 기존 함수와 무슨 차이점이 있나 헷갈렸다. 정리하자면 hook은 react 의 hooks 을 사용할 수 있게 해주는 custom hook 이다. React에서 Linter 가 네이밍 컨벤션을 지켜 사용하도록 가이드를 한다.Hook 이름은
React 에서 Component 는 언제 랜더링을 할까. 그 전에 Component 의 순수성에 대해 집고 넘어가야한다. > React component 는 항상 순수한 렌더링 로직을 가져야 합니다. 이는 Props, State 그리고 Context 가 변경되지