목록2024/06/18 (1)
개발놀이터
컴포넌트 생명주기 (부제 : useEffect의 맹점)
회사에서 리액트를 사용해서 어쩔 수 없이 리액트를 공부해야하는데 나름 재미는 있습니다. 근데 좀 그지같은 부분이 있더군요... 이번엔 포스팅에선 컴포넌트의 생명주기와 렌더링에 따른 useEffect의 호출 순서 그로인해 벌어지는 useEffect의 맹점에 대해서 알아보려고합니다. 그지같은 리액트...제가 원한건 useEffect에서 API를 호출하고 state에 저장한 뒤 state에 저장된 값을 HTML에 써먹고싶었습니다. 기대했던 순서는 다음과 같습니다. 리액트가 useEffect를 호출한다. API가 호출된다. 값이 가져와지고 그 값을 state에 저장한다. 렌더링이 될 때 state 값을 사용한다. 근데 이 그지같은 리액트는 제가 원하는대로 움직여주지 않더군요. 렌더링이 되고 state값..
기타/리액트
2024. 6. 18. 20:45