728x90
# side effect(부수효과)
-함수내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우(함수 내부에서 외부의 값에 관여하는 경우)
-순수 함수의 출력값에 영향을 미치는 작업들
-컴포넌트내에서 fetch를 사용해 api정보를 가져오거나 이벤트를 활용해 DOM직접 조각할때
# pure function(순수함수)
-오직 함수의 입력만이 함수의 결과에 영향을 주는 함수(다른 값이 함수의 결과에 영향을 미치는 경우 안된다.)
-입력으로 전달된 값을 수정하지 않는다.
-side effect가 없다.
-어떠한 전달인자가 주어질 경우, 항상 똑같은 값이 리턴됨을 보장한다. 그래서 예측가능한 함수이다
#react컴포넌트에서의 side Effect
-타이머 사용(setTimeout)
-데이터가져오기(fetch API, localStorage)
#리액트는 side Effect를 다루기 위한 hook인 effect hook을 제공한다.
728x90
'부트캠프교육중 > react' 카테고리의 다른 글
batching (0) | 2023.02.03 |
---|---|
Effect Hook (0) | 2023.02.02 |
상태끌어올리기 (0) | 2023.02.02 |
react 데이터흐름 (0) | 2023.01.26 |
controlled Component (0) | 2023.01.26 |