본문 바로가기
부트캠프교육중/react

Side Effect

by 뭉지야 2023. 2. 2.
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