목록useLayoutEffect (1)

늘 겸손하게

React - useLayoutEffect vs. useEffect

useEffect와 useLayoutEffect의 차이점에 대해 알아봅시다 우선 useEffect가 무엇인지, useLayoutEffect가 무엇인지 서술하고 차이점을 서술하겠습니다. useEffect 함수 컴포넌트에서 side effect를 수행할 수 있게 해주는 hook입니다. side effect? 함수가 실행되면서 함수 외부에 존재하는 값이나 상태 등을 변경시키는 행위. 예로, 함수 외부의 배열 데이터를 바꾸거나 전역변수값 변경, 네트워크를 통한 데이터 송수신, 파일 입출력, 구독 설정하기, 수동으로 React 컴포넌트의 DOM을 수정하는것 등이 side effect입니다. side-effect가 무조건 나쁘다고는 할 수 없지만 함수는 매개변수로 입력받은 인자값에 대해 항상 일관된 출력값을 반환해..
Programming/React 2022. 8. 1. 19:00
이전 Prev 1 Next 다음