# Cleanup

[React] useEffect와 Side Effect - 2
useEffect를 사용하는 경우 React에서는 Functional Component에서 sideEffect를 효과적으로 관리하기 위해 useEffect 라는 Hook을 제공합니다. 함수형 컴포넌트의 경우 아래와 같은 기본 구조를 가지기에, return문이 실행되

[React] side effect를 편리하고 안전하게 발생시킬 수 있게 도와주는 "useEffect"
프로그래밍에서의 side effect가 의미하는 바가 무엇인지와 React의 hook 중 하나인 useEffect에 대해 알아보기
[리액트를 다루는 기술] useEffect의 cleanup 함수로 mount & unmount 확인
mount 시 'mount effect' 호출 및 name 변수가 생성되므로 'effect'도 호출name 값 변경 시 'cleanup'을 출력 & 직전 name 값 출력unmount 시 'unmount cleanup' 호출 및 name 변수 사라지므로 'cleanup

[React] 유데미 React 강의 복습노트 #3
Effects, Reducers & Context side Effect는 무엇인지 리듀서가 있는 컴포넌트에서 복잡한 state를 관리하는 방법 여러개의 컴포넌트에 영향을 주는 state에 대해 알아본다. context라는 개념으로 what is "Effect" UI
CleanUp
useEffect를 이용해서 컴포넌트가 생성될때는 물론 파괴될 때도 무언가를 할 수 있다.이 함수를 통해 컴포넌트가 언제 create 그리고 destroy됐는지 알 수 있다.위 코드는 아래의 코드와 같은 이야기를 한다.Hello 컴포넌트가 생성될 때 hiFn 이 실행되

[react] useEffect - cleanUp
니꼬쌤은 useEffect에서 cleanUP 부분을 자주 사용하진 않는다고 하지만,그래도 필요할 때 사용할 수 있다고 해서 정리해본다.다음 버튼의 예시로 설명해보자.이 버튼의 default는 show버튼일 때인데, 클릭하면다음과 같이 Hello라는 글자가 보이고 버튼은

react + firebase + snapshot
snapshot을 반환하지 않을 경우 생기는 문제해결책firebase에서 snapshot은 database에 대한 변화를 observing하고 있다.metadata, serverTimeStamp options등을 제공하기도 한다. 링크아무튼 디버깅을 하던 와중에 마주친