728x90
✨ 느낀 점
👍 알게 된 점
UseEffect를 사용하면 deps에 넣는것에 따라 실행 횟수를 조절할 수 있다.
useEffect(함수, [deps]);
[deps]안에 useState의 변수를 넣으면, 변수가 변할때마다 useEffect에 넣은 함수가 실행된다.
만약 빈 배열인경우에는 mount될때 딱 한번만 실행된다.
useEffect(() => {}, [deps]);
추가적으로 useEffect안에 넣을 함수는 미리 함수를 정의한것을 넣을 수 있지만, 현장에서는 정의한 함수를 쓰지않고 바로 함수를 작성해 넣는다고 한다.
cleanup function은 useEffect가 unmount될때 실행된다.
1. useEffect가 mount(실행)되면 useEffect의 첫번째 매개변수인 함수가 실행된다.
2. 어떠한 변화로인해 useEffect가 unmount(실행취소)되면 return함수가 실행된다.
'공부 > 프론트엔드' 카테고리의 다른 글
[공부] 원티드 프리온보딩 프론트엔드 사전과제 (Slider)(完) (0) | 2022.01.16 |
---|---|
[공부] 노마드 코더 React 4회차 (0) | 2022.01.15 |
[공부] 노마드 코더 React 2회차 (0) | 2022.01.13 |
[공부] 노마드 코더 React 1회차 (0) | 2022.01.12 |
[공부] 원티드 프리온보딩 프론트엔드 사전과제 (Navigation) (0) | 2022.01.10 |