# useEffect

73개의 포스트
post-thumbnail

[React] useEffect 활용하기

useEffect 라는 Hook 을 사용하여 컴포넌트가 마운트 됐을 때 (처음 나타났을 때), 언마운트 됐을 때 (사라질 때), 그리고 업데이트될 때 (특정 props가 바뀔 때) 특정 작업을 처리하는 방법에 대해 정리했습니다.

2021년 5월 2일
·
0개의 댓글
post-thumbnail

new TIL. Hooks - useEffect

📌 useEffect 랜더링이 될 때마다 실행되는 함수. 처음 랜더링될 때 + setState를 통해 업데이트가 될 때마다 실행된다. <img src="https://images.velog.io/images/yoojin-kwon/post/675d59e5-d439-4

2021년 4월 25일
·
0개의 댓글
post-thumbnail

TIL_69_Hook

생활코딩훅에서 clean up의 역할을 하는 것은?클래스 방식에서는 스테이트가 바뀔 때마다 이전의 props 와 이전의 state 값을 전달하여 두 개의 값이 다를 때만 작업을 처리하도록 했었다.아래의 코드처럼.스테이트가 바뀔 때마다 인자로 이전의 프롭스 값과 이전의

2021년 4월 20일
·
0개의 댓글
post-thumbnail

TIL_68_Hook

클래스 방식은 라이프사이클에 따라서 정해진 메소드에 따라 원하는 타이밍에 원하는 어떤 코드를 호출할 수 있다.어떻게 하면 랜더와 관련된 작업을 하는 FuncComp라는 함수가 실행된 후에 추가적으로 필요한 작업을 처리하게 할 수 있을까?\-> 그것이 바로 리엑트의 유즈

2021년 4월 19일
·
0개의 댓글
post-thumbnail

[React] useEffect 내부에서 setState 사용하기

useEffect의 생성시점을 경험해본다

2021년 4월 19일
·
0개의 댓글
post-thumbnail

useEffect와 addEventListener

1\. useEffect의 사용법2\. useEffect와 addEventListener3\. useEffect와 removeEventListenerreact에서 권장하는 useEffect의 사용법은component 내부에서 선언함으로써 state를 사용 가능하게끔 c

2021년 4월 16일
·
0개의 댓글

[TIL] React Hooks useEffect 에서 async/await function 호출 방법

참고: https://stackoverflow.com/questions/56450975/to-fix-cancel-all-subscriptions-and-asynchronous-tasks-in-a-useeffect-cleanup-f

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

React Hook(useEffect)

useEffectuseEffect를 사용하면 컴포넌트를 화면에 그린 후 실행될 함수를 정의사용방법 useEffect는 2개의 매개변수를 가지는데 첫 번째는 컴포넌트 레이아웃 배치와 화면 그리기가 끝난 후 실행될 함수, 두 번째는 의존성 배열첫 번째 인자의 내부는 eff

2021년 4월 8일
·
0개의 댓글

(React) useEffect 마운트 / 마운트 / 업데이트 시 할 작업 설정하기

본 글은 벨로퍼트의 모던 자바스크립트를 바탕으로 작성되었습니다.

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

[React] 렌더시 깜빡거림 해결 Trouble shooting

2021-03-16. 문제가 됐던 상황이 있었다. useEffect vs useLayoutEffect의 문제인줄 알았으나 state에 의해 렌더가 되는 것이어서, React.memo를 사용하여 해결하였는데...

2021년 3월 16일
·
0개의 댓글

React- Hooks #1

Hooks New in React 16.8 컴포넌트 간 통신 Context APIuseState 보통 class 컴포넌트에서 state를 쓰는 것 처럼 function 컴포넌트에서 쓸려고 나온것이다.useEffect: 보통 함수에서는 라이프스타일을 사용할 수 없다.co

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

React-hooks

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

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

[React] 10 - Hooks : useEffect (2)

goalreact hook useEffect 에 대해서 알아보자.예를 들어, 외부 데이터에 구독(subscription)을 설정해야 하는 경우, 메모리 누수가 발생하지 않도록 정리(clean-up)하는 것은 매우 중요하다.effect에서 함수를 반환하는 이유는?effe

2021년 2월 19일
·
0개의 댓글
post-thumbnail

[TIL] React Hook (useState, useEffect)

React에서 가장 핵심적인 useState와 useEffect에 대해서 정리해보려고 한다. 우선 React Hooks은 React 버전 16.8에서 새로 추가된 기능으로 Class를 안쓰고, 상태 값들과 여러 기능들을 사용할 수 있게 되었다. >Hook 이란?

2021년 2월 8일
·
0개의 댓글
post-thumbnail

경험하며 배우는 REACT

경험하며 배우는 REACT

2021년 2월 4일
·
0개의 댓글
post-thumbnail

useEffect dependency

useEffect warning state인 value가 변경될떄마다 props로받는 cakeName을 콘솔에 찍는다. 그런데 [value] dependency에 warning이 일어남. useEffect내부에서 cakeName을 사용하고있는데 dependency에

2021년 1월 29일
·
0개의 댓글
post-thumbnail

React Hooks (2)

이제 어느정도 useState를 응용해서 사용할 수 있을 것 같으니 이번엔 useEffet를 사용해보려한다!

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

React Login validation with UseEffect

React useEffect doesn't run on page reloadReact Component's return relies on data from useEffectuseEffect runs AFTER each rendershow empty div to end

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