목록javascript/React Js (9)

신입 개발자에서 시니어 개발자가 되기까지

[React JS] useEffect Hook

Effect Hook a. side effect(부수 효과) - 함수 내에서 구현한 것이 함수 외부에 영향을 끼치는 것. - Ajax 요청, LocalStorage, 타이머 API 등 - 리액트 컴포넌트의 목적은 화면에 UI를 render하는 것. 화면에 출력하는 것 외의 모든 효과는 전부 side effect다. - 함수 컴포넌트 내부에서 http 요청을 보낸 후 응답을 받아 state를 변경하는 것(이것도 side Effect)은 버그를 일으키거나 무한 loop에 빠지게 할 수도 있다. state가 변경되면 함수 컴포넌트를 다시 실행시키고, 그럼 또 http요청을 보내게 됨으로써 loop에 빠진다. b. Pure Function - 함수의 입력만이 함수의 결과에 영향을 주는 함수. 함수의 입력이 아닌..
javascript/React Js 2022. 10. 11. 22:08
이전 Prev 1 2 Next 다음