AI Platform / Web

annot update a component (`MyApp`) while rendering a different component (`AuthticatedComponent`). 에러(경고) 발생 문제 원인 위와 같은 에러(경고)가 발생했다. 이는 useState를 변경하는 부분이 useEffect나 이벤트리스터에 의한 변화가 아닌 로직내부에 들어있어서 나는 에러이다. 즉, react는 props나 상태 변화에 따라 여러번 re-render를 한다. 그리고 개발단계에서는 re-render를 통해서 변화를 확인하기도 한다. 해결책 간단히 useEffect 내부에 넣어주면된다. 직관적으로 쉽게 예를 들겠다. const Test = (prop) => { const [data, setData] = useState..

0. 들어가면서 사실 이 부분은 쉽게 이해하기 어렵다. 그리고 가장 잘 정리 된 곳은 공식문서이다. https://ko.reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org 이 블로그는 자세히 알려주지 않는다. 처음 배우는 사람들이 쉽게 이해할 수 있도록 다 덜어낸 정보를 전달한다. 여기서 개념을 잡고 공식문서를 꼭 읽어보기 바란다. 1. 개념 useEffect는 useState에 연결되므로 아래의 코드에서 이어서 설명하겠다. 1분이면 보고 올 수 있다. [Web/React] - [react web] Hook 기초_useStat..