React

React는 컴포넌트와 상태를 조합해 사용자 인터페이스를 렌더링합니다. 화면이 반복 갱신되거나 서버와 브라우저 결과가 다를 때는 컴포넌트의 입력, 상태 변경, 실행 환경을 나누어 기록해야 합니다.

오류 확인 순서

1. 브라우저 콘솔과 서버 로그에서 가장 먼저 발생한 오류를 각각 기록합니다.
2. 문제가 발생한 컴포넌트의 props와 state가 어느 시점에 바뀌었는지 확인합니다.
3. effect 안에서 상태를 다시 변경하거나 렌더링 중 외부 값을 읽는 코드가 있는지 확인합니다.
4. 서버 렌더링을 사용하는 경우 서버 결과와 브라우저 첫 렌더링 입력을 비교합니다.

원문 JavaScript 오류는 JavaScript 오류 (새 창에서 열림)와 관련 React Guide에서 먼저 대조합니다.