런타임노트

나는 리액트에서 렌더링 이야기만 나오면 지레 겁을 먹는다. 가장 어려운 부분이기 때문이다. [상황] 부모 - 자식 컴포넌트가 있으면 부모에서 버튼 클릭 시, 자식 컴포넌트가 바뀌어야 한다. 그런데 렌더링이 안되고 자식 컴포넌트가 바로 바뀌지 않음. 우리는 렌더링이 필요한 상황! 그런데 구글링 해보면 다 렌더링을 막는 글들 뿐이었다. 해결한 방법은 쉬운 방법. [해결] 보여줄 값이 바뀌었다는걸 자식 컴포넌트가 알 수 있도록 "값이 바뀜"을 state로 관리한다. // 부모가 자식에게 우리 변했어! 라고 알려줄 힌트 const [initPage, setInitPage] = useState(false); useLayoutEffect(() => { setInitPage(true); }); if(수정이 성공하면)..