태그 · 13개 문서

#React

React 컴포넌트·상태·Effect와 렌더링 동작을 다루는 태그입니다.

문제 해결 가이드

4개 문서

문제 해결 가이드프론트엔드

AI가 만든 React 코드가 API 요청을 반복할 때 effect와 상태 변경의 순환 여부를 확인하는 가이드입니다.

문제 해결 가이드프론트엔드

서버 HTML과 브라우저 첫 렌더링의 입력이 달라 hydration 오류가 발생할 때 원인을 나누는 가이드입니다.

문제 해결 가이드프론트엔드

React 상태를 이전 렌더링 값으로 계산하거나 객체를 직접 변경해 화면과 저장 결과가 달라질 때 확인하는 가이드입니다.

문제 해결 가이드프론트엔드

useEffect가 상태 변경 또는 새 참조값 때문에 반복 실행되는지 확인하는 가이드입니다.

9개 문서

서버 저장 전에 화면을 성공 상태로 바꾼 뒤 요청이 실패해도 원래 값과 오류 상태로 되돌리지 않는지 확인합니다.

데이터 요청 중·성공·실패 상태를 구분하지 않아 사용자가 빈 화면을 오류로 오해하는지 확인합니다.

use client가 있는 React·Next.js 컴포넌트를 async 함수로 만들어 Promise를 반환하는지 확인합니다.

목록의 항목 순서가 바뀔 때 React가 항목의 상태와 DOM을 잘못 재사용하는지 확인합니다.

같은 이벤트나 비동기 콜백에서 상태를 여러 번 변경할 때 이전 렌더링의 값을 계속 사용하고 있는지 확인합니다.

입력값이 처음에는 undefined였다가 문자열이 되거나 반대로 바뀌어 React 경고와 입력 상태 이상이 발생하는지 확인합니다.

useEffect가 실행될 때마다 의존성 값을 바꾸어 다시 실행되는 순환이 있는지 확인합니다.

검색어·필터가 바뀐 뒤 먼저 보낸 요청이 늦게 도착해 최신 요청의 결과를 덮는지 확인합니다.

React 컴포넌트가 이전 렌더링과 다른 순서 또는 개수로 Hook을 호출했는지 확인합니다.