Next.js

Reducer와 Context를 조합하여 앱 전체에 거친 업데이트를 관리할 수도 있다. before 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 ...

https://react.dev/learn/choosing-the-state-structure 리액트에서 상태 구조를 짤 때의 원칙들에 대해서 소개하는 섹션이다. DB의 정규화처럼 실수나 버그가 발생할 부분을 줄이는 것이 목적이다. Group related state ```js // BAD const [x, setX] = useState(0)...

신 가이드 : https://react.dev/learn/preserving-and-resetting-state Summary 리액트에서 컴포넌트의 상태(State)는 UI 트리(Virtual Dom)의 위치에 연결되며, 같은 위치에서 컴포넌트가 계속 렌더링될 때 상태가 유지되고, 다른 위치로 이동하거나 삭제될 때 상태가 재설정됩니다. 상태를...