React STUDY

🎮 웹 게임을 만들며 배우는 React 1주차: 구구단

🎮 웹 게임을 만들며 배우는 React 2주차: 끝말잇기

🎮 웹 게임을 만들며 배우는 React 3주차: 숫자야구

🎮 웹 게임을 만들며 배우는 React 4주차: 반응속도 체크

🐥 setPersistence : 사용자를 어떻게 기억할 것인지 선택. (초기값: local) local : 브라우저를 닫더라도 사용자의 정보가 기억됨 session : 탭이 열려있는 동안 사용자의 정보가 기억됨 none : 사용자의 정보를 기억하지 않음 📛 E

1. 라이프사이클 ComponentDidMount 컴포넌트가 처음 실행되었을 때 실행 setState 등으로 리렌더링이 일어날 때는 실행되지 않음 주로 비동기 요청을 함 ComponentWillUnmount 컴포넌트가 제거되기 직전에 실행 부모 컴포넌트가 자식 컴포

부모 컴포넌트가 자식 컴포넌트를 삭제할 때 늘 setTimeOut을 clear 해 주어야 한다. 그렇지 않으면 메모리 문제 및 에러가 발생할 수 있다. 따라서 componentWillUnmount를 이용하여 정리해 주어야 한다.setInterval 또한 마찬가지!use

🐥 Redirect React Router가 V6로 버전 업그레이드가 되면서 ``는 더이상 사용하지 않는다. Route의 element 속성에 replact 속성과 to="url" 속성을 넣어 그 기능을 대신한다. 📛 Error Uncaught Error:

1. useReducer state의 개수가 늘어나면 setState의 쌍 또한 늘어나므로 state의 관리가 어려워진다. 이러한 경우에 사용하는 Hooks가 바로 useReducer이다. useReducer는 state를 비동기적으로 변화시킨다. 2. 얕은 복사

1. Context API Context API를 사용하면, 중간의 자식 element에게 props를 넘겨주지 않아도 된다.

1. react-router react router를 사용하려면 패키지 설치가 필요하다. npm i react-router npm i react-router-dom react router는 실제로 여러 개의 페이지가 있는 것이 아니라, 여러 개 있는 척을 하는 것