# Cleanup

10개의 포스트
post-thumbnail

[React] useEffect와 Side Effect - 2

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

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

[React] side effect를 편리하고 안전하게 발생시킬 수 있게 도와주는 "useEffect"

프로그래밍에서의 side effect가 의미하는 바가 무엇인지와 React의 hook 중 하나인 useEffect에 대해 알아보기

2022년 9월 4일
·
0개의 댓글
·

[리액트를 다루는 기술] useEffect의 cleanup 함수로 mount & unmount 확인

mount 시 'mount effect' 호출 및 name 변수가 생성되므로 'effect'도 호출name 값 변경 시 'cleanup'을 출력 & 직전 name 값 출력unmount 시 'unmount cleanup' 호출 및 name 변수 사라지므로 'cleanup

2022년 9월 2일
·
0개의 댓글
·
post-thumbnail

[React] 유데미 React 강의 복습노트 #3

Effects, Reducers & Context side Effect는 무엇인지 리듀서가 있는 컴포넌트에서 복잡한 state를 관리하는 방법 여러개의 컴포넌트에 영향을 주는 state에 대해 알아본다. context라는 개념으로 what is "Effect" UI

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

React Side effect

React side effect 이해하기

2022년 6월 25일
·
0개의 댓글
·

CleanUp

useEffect를 이용해서 컴포넌트가 생성될때는 물론 파괴될 때도 무언가를 할 수 있다.이 함수를 통해 컴포넌트가 언제 create 그리고 destroy됐는지 알 수 있다.위 코드는 아래의 코드와 같은 이야기를 한다.Hello 컴포넌트가 생성될 때 hiFn 이 실행되

2022년 1월 12일
·
0개의 댓글
·
post-thumbnail

[react] useEffect - cleanUp

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

2021년 11월 12일
·
0개의 댓글
·
post-thumbnail

react + firebase + snapshot

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

2021년 6월 7일
·
0개의 댓글
·
post-thumbnail

React Hook + API

함수 컴포넌트의 핵심인 Hook와 API 몇 가지를 정리했습니다.

2021년 1월 19일
·
0개의 댓글
·