개념 - useEffect 사용하는 이유, setTimeout

useEffect

useEffect 안에 있는 코드는 html 렌더링 후에 동작합니다.

for을 10000번 돌리면 시간이 오래 걸린다. 그러므로 이 동작을 useEffect 안에 넣어 놓으면 html파일이 전부 실행된 후에 for문이 돌아가기 때문에 훨신 효율적인 코드를 짤 수 있다.

useEffect 안에 적는 코드들

1. 어려운 연산
2. 서버에서 데이터 가져오는 작업
3. 타이머 장착할 때

이름이 useEffect인 이유

Side Effect : 함수의 핵심 기능과 상관없는 부가기능

보통 useEffect 안에 Side Effect 코드들을 넣기 때문이다.

그래서 useEffect이다.

setTimeout

setTimeout 사용법

setTimeout(() =>{ }, 2000) // 2초후 {} 안에 있는 코드 실행