- 함수 컴포넌트의 lifecycle 기능 수행하기 위한것 = hook
- 이름앞에 use붙여야함
useState: 변수, set변수, 변수값이 변하면 렌더링
:예) input에 글자 입력 될 때마다 렌더링
useEffect:
- 기본적으로는 렌더링 될때마다 실행
- 렌더링 될 때마다 실행하는데 한글자 입력 할 때마다 렌더링 되면 낭비니까 버튼을 누른다던가 뭔가 변하는 동작이 있을 때만 이펙트함수 렌더링
useState
- count 함수의 변수로 선언하면 count는 올라가는데 재렌더링이 일어나지 않아 화면에는 표시되지 않음 !!!
- usestate를 사용하여 업데이트해야함
-> const [count, setCount]
- setcount 누르면 +1, count값이 변경되면 재랜더링
- (count, setcount 변수가 연결돼서 변하면 같이 변하는 느낌...?)
useEffect
- side effect를 수행하기 위함
- side effect = (부작용)
- = 리액트에서: 효과
- 의존성 배열: 배열의 변수가 하나라도 변경되었을때 이펙트함수 실행
- []: 페이지 새로고침 시에만
- 렌더링 마다 실행
예시
-> 사용자가 구독취소할 때 unmount 나타냄
정리
