6.1 useEffect

이번에는 한번 실행 된 것이 다시 렌더링 되지 않도록 설정하는 것을 배워보도록 하겠다.

 

React에서 제공하는 useEffect function을 사용해보자.

 

useEffect는 두개의 argument를 가지는 function인데

첫번째 argument는 한번만 실행하고 싶은 코드이다.

우선 계속 실행될 명령어를 다음과 같이 작성해 놓고

useEffect를 사용해보자.

 

useEffect에는 component가 처음 render할때 실행되고, 다시 실행되지 않을 function을 넣어줄것이다.

 

useEffect의 두번째 argument에는 빈 array를 하나 주자

그럼 다음과 실행되는 것을 확인할 수 있다.

 

조금더 단순화해서 익명의 function을 만들어보자.

그럼 다음과 같이 나타나게 된다.

 

그래서 우리는 useEffect를 사용한다.

딱 한번만 시행될 수 있도록!