목록useEffect (1)

코딩하는 고릴라

[React] Lifecycle, useEffect

1. Lifecycle 1. 컴포넌트 생성(mount) 2. 컴포넌트 업데이트, 재렌더링(update) 3. 컴포넌트 제거(unmount) Hook을 이용하여, 각각의 라이프사이클 단계에서 함수를 실행시킬 수 있음 - Line 2 : useEffect 임포트 - Line 6 : useEffect() 내에 컴포넌트가 mount 혹은 update 됐을 때 실행시킬 함수 넣어주기 => 해당 컴포넌트가 mount 되거나 update 될 때, 브라우저의 콘솔창에 "하위!" 가 출력 1-1. useEffect - useEffect 안에 적어놓은 코드는 컴포넌트의 html이 모두 렌더링 된 후에 실행 - 따라서 연산이 오래걸리는 작업들을 useEffect 안에 넣어두면, 일단 html 요소는 화면에 렌더링 된 후 해..
React 2023. 11. 29. 22:46
이전 Prev 1 Next 다음