# useEffect

24개의 포스트
post-thumbnail

useEffect

useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정하도록 설정할 수 있는 Hook 이다. 클래스형 컴포넌트의 componentDidMount 와 componenetDidUpdate 를 합친 형태로 보아도 무방하다.Info.js마운트될 때만

어제
·
0개의 댓글
post-thumbnail

Hooks

useState는 가장 기본적인 Hooks 이며, 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다.함수형 컴포넌트에서 상태를 관리해야 한다면 Hooks 를 사용하면 된다.counter.js const value, setValue = useState(0);

어제
·
0개의 댓글
post-thumbnail

[React]Hooks - useState, useEffect

[React]Hooks - useState, useEffect

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

React Counter 컴포넌트 구현

Counter 컴포넌트를 구현하는 과정에서 알게된 부분을 기록한 글입니다.구현하고자 했던 기능은 1초마다 1씩 증가하는 Counter 컴포넌트였다.그래서 아래 코드와 같이, setCounter() 함수를 이용해서 1초마다 counter 상태를 수정하도록 setInter

2020년 7월 21일
·
0개의 댓글

React Hooks #3 useEffect()

네트워크 리퀘스트(GET,POST,DEL..)DOM 수동 조작로깅정리(clean up) : 타이머함수(인터벌같은)제거, 이벤트리스너 제거useEffect(CB) : componentDidMount(), componentDidUpdate()useEffect(CB,\[])

2020년 7월 12일
·
0개의 댓글
post-thumbnail

useEffect

리액트에 lifeCycle이 있다. useEffect 는 componentDidMount, componentDidupdate 을 합친것이라고 생각하면 된다.clean으로 componentDidUnMount 도 가능한걸로 안다..

2020년 6월 12일
·
0개의 댓글
post-thumbnail

react ( hooks ) -useEffect

https://velog.io/@velopert/react-hooksuseEffect 는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있는 Hook 입니다. 클래스형 컴포넌트의 componentDidMount 와 componentDi

2020년 5월 13일
·
0개의 댓글
post-thumbnail

useEffect의 의존성을 다루는 다른 방법

useEffect 완벽 가이드를 보고서 공부했습니다.위의 코드는 잘 동작하고 있다. 하지만 depth에 count 값을 넣지않고도 값을 변경할수 있다.새 상태를 직접 전달하지 않고 상태가 어떻게 바껴야 되는지를 직접 전달한다. 업데이트 방식은 여러개의 상태값을 동시에

2020년 5월 11일
·
0개의 댓글
post-thumbnail

useEffect 사용법

useEffect 완벽 가이드 를 보고서 공부했습니다.예제1을 실행한 결과 화면이다. 초기값으로 첫번째 렌더링을 했다. 이후 변경 버튼을 클릭해보자!버튼을 클릭한 결과이다. 위 결과를 통해 state가 변할 때 마다 useEffect가 실행 되는 것을 확인할 수 있다.

2020년 5월 11일
·
0개의 댓글
post-thumbnail

useEffect(3)

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 5월 9일
·
0개의 댓글
post-thumbnail

useEffect(2)

2013년 5월 JSConf US에서 리액트가 최초 공개되었고, 2019년 6월 내가 개발을 시작하게 되면서 리액트를 시작하게 되었다. 리액트가 공개된지는 7년, 내가 시작한지는 1년... 그냥 적어봤다.

2020년 5월 8일
·
0개의 댓글

React Native

useEffect 사용하기useEffect의 첫 번째 매개변수에는 함수를 설정하고 useEffect의 역할을 정의한다. 두번째는 매개변수에는 배열을 전달하는데, 이번 예제에서는 빈 배열을 전달하고 클래스형 컴포넌트의 componentDidMount와 같은 역할을 수행한

2020년 4월 27일
·
0개의 댓글

(TIL 45일차) useEffect 및 Eslint 자동적용 문제 (소켓 통신)

useEffect 올바른 사용법 eslint 자동적용 문제

2020년 3월 18일
·
0개의 댓글

useEffect Hook

useEffect Hook React Component가 처음으로 화면에 나타나거나 사라질때 특정 작업가능 컴포넌트의 어떤 props의 상태가 바뀌어서 업데이트 될 때, 즉 리렌더링 될 때마다 호출되는 기능 사용하기 위해선 로 import를 먼저 진행해줘야 함 사용법은 위와 같은 형식인데 뒤에 []를 deps라고 부름 이 공간이 비어있으면 처음으로 화...

2020년 2월 6일
·
0개의 댓글

React의 useEffect

useEffect가 단순히 React의 lifecycle을 대체하기 위한 기능의 메소드는 아니지만 단순히 function components에서 lifecycle을 구현하기 위해 useEffect를 사용할 경우를 위해 케이스를 정리한 글입니다. 1. 마운트되었을 때 그리고 리렌더링되었을 때 2. 마운트되었을 때 (=== componentDidMount)...

2019년 12월 2일
·
0개의 댓글

React Hooks(리액트 훅스!)의 기본 Part 2

React hooks image Part1에서는 Hook을 통해 Class가 아닌 function(함수)만으로 state를 생성하고 갱신하는 방법을 알아보았습니다. 그러나 우리는 그것을 넘어서 state의 라이프 사이클을 다루고 싶습니다. 그것을 위해 우리는 Effect Hook에 대해 알아보겠습니다. 자 우선 기존에 Class를 통해 라이프 사이클을 ...

2019년 7월 5일
·
2개의 댓글
post-thumbnail

useEffect에 대한 짧은 가이드

들어가기 전에 이 글은 useEffect API에 대해 어느정도 익숙한 독자를 위한 글입니다. 그리고 오역과 의역이 많을 수 있으니 이상하다 싶은 부분은 원래 문서를 참고해주시기 바랍니다. A Complete Guide to useEffect - Dan Abramov 에서 정보를 얻어 번역하였습니다. I got information from here an...

2019년 5월 13일
·
2개의 댓글
post-thumbnail

React 강좌) trendy React 2-4. useMemo 알아보기

퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아봅니다.

2019년 4월 18일
·
5개의 댓글