코드스테이츠(side effect)

Side Effect

사이드 이팩트를 번역기에 돌리면 '부작용'이라고 나오고, '의도하지 않은 결과'라고도 할 수 있습니다.
예상하지 못한 부수적인 효과라는 뜻은 코딩에서의 의미와 비슷한 값을 같습니다 함수를 입력값에 대해 일정한 출력을 하는 것으로 가장할 때, 출력값에 영향을 미치지 않는 모든 작업들을 side effect라고 부릅니다 (함수 외부에서 로컬상태 값을 변경하는 것)
이걸 언제 쓰냐면 React에서 컴포넌트를 렌더링할 때, 서버에서 값을 받아와야 한다고 생각해봅시다, 컴포넌트의 라이프 사이클 중에 서버와 통신하게되면, 화면이 잠시 멈추거나 끊기는 증상이 나타날수 있습니다. 따라서 서버에서 값을 받아오는 작업은 라이프사이클에 영향을 주지 않는 방법으로 처리를 해야하기 때문에 컴포넌트 라이프사이클과 무관한 외부에서 비공기로 서버와 통신하고 컴포넌트 상태를 업데이트 하는 Side Effect 개념이 필요한 것입니다. 이때 useEffect()가 가장 이상적인 해결방법이 된다.

여기서 짚고넘어갈 개념은 React에서는 useEffect() 함수를 제공하는데 useEffect()는 Side Effect함수를 처리할 때 사용한다고 합니다.

차근차근..