useEffect
-
20221113 TIL useEffectTIL 2022. 11. 13. 20:53
리액트에서 외부 API와 동기화를 할 때 useEffect를 사용한다. useEffect를 제대로 사용하려면 리액트 컴포넌트의 생명주기를 제대로 인지하고 있어야 하는 줄 알고 있었는데, 새로운 리액트 공식 문서를 보다가 생명주기보다 start/stop cycle에 초점을 두고 이해하는 것이 바람직하다는 것을 읽게 되었다. 일단은 생명주기도 명확히는 몰랐기 때문에 생명주기에 대해서도 알아보았다. 어떤 컴포넌트가 DOM에 처음 렌더링 되는 것을 마운팅이라고 한다. 그리고, 컴포넌트에 의해 생성된 DOM이 삭제되어 사라지는 것을 언마운팅이라고 한다. 그리고 마운팅과 언마운팅 사이에 props나 상태가 바뀌어 업데이트될 수 있다. 그리고 마운팅과 언마운팅, 업데이트 시에 어떤 코드를 실행시키고 싶다면 useEf..