React_part6.3_Recap

Eugenius1st·2021년 12월 31일
0

React JS

목록 보기
28/41

React의 가장 멋진 점은 새로운 데이터가 들어올 때마다 date를 refresh한다는 것이다.

하지만 가끔은 나의 컴포넌트 안에 한번만 실행하고 싶은 경우가 있을 수 있다.
어쩌면 시작시에만, 특정데이터가 변화할때만 실행하고 싶을 수 있다.

이전에는 우리가 선택할 수 없었다. 하지만 이제는 useEffect로 결정할 수 있다.

첫번째
argument는 우리가 실행시키고 싶은 코드였고
두번째는
dependecies라고 불리우는 것이었다.

dependecies는 react가 지켜봐야 하는 것이다.
대괄호 안에 사용한다
[]는 지켜볼 대상이 없으므로 한번만 실행된다.

[keyword] 는 state 안에 있는 값이다. keyword에 변화가 생기면 실행된다.

[keyword1, keyword2] 여러 값을 넣는 것도 가능하다.
둘 중에 하나라도 변화가 생기면 실행된다.

useEffect는 reactJS가 동작하는 관점에서 말하자면 방어막 같은 것이다.

다시 말하지만 reactJS는 변화가 생길때 데이터를 새로고침한다는 단순한 원리이다.

useEffect를 통해 선택권을 가지게 되었다.
실행하려는 코드, 지켜보려는 것 두개로 구성되어있다.
argument 와 dependencies...

다음에는 useEffect의 마지막 기능을 배울 것이다.

profile
최강 프론트엔드 개발자가 되고싶은 안유진 입니다

0개의 댓글