[React] effects

안한 지 오래되서 잠깐 복습 쭈고...

 

create-react-app으로 작업할 때의 포인트는 "분할하고" "정복하는' 것

create-react-app은 css 코드를 javascript 오브젝트로 변환시켜줌

무작위적인 랜덤 class 이름을 가짐

컴포넌트를 분리해서 독립적으로 만들 수 있음

---

기억해둘 것

state가 변화할 때 모든 component와 코드는 다시 실행된다.

 

처음 한번만 실행되고 그 다음에는 실행되지 않게 하려면?

 

useEffect

2개의 argument를 가짐

• 1번 argument "effect" : 딱 한번만 실행하고 싶은 코드
• 2번 argument "deps" : dependency. 이 부분이 변화할 때 코드를 재실행시킴

코드가 딱 한번만 실행될 수 있도록 보호해줌  []

특정 조건에서만 코드가 실행될 수 있도록 정해줌  [특정 조건]

 

즉, 코드를 언제 실행할 지 정해줌