# useEffect

37개의 포스트
post-thumbnail

[React] 8. react-hooks(useState, useEffect, useRef)

Hooks 는 React 16.8 에서 추가 되었습니다.기존에는 함수형 컴포넌트에서 상태를 관리하기 위해서는 클래스 컴포넌트 다시 작성해야 했던 반면에, Hooks가 나오면서 함수형 컴포넌트에서도 상태를 가질 수 있게 되었습니다. Hooks는 이것 외에도 다양한 기능들

4일 전
·
0개의 댓글
post-thumbnail

React - Effect Hook ( Clean-up )

이전 블로그에서 간단하게 짚고 넘어갔던 내용 중 Clean-up 함수라는 개념이 있다.Clean-up함수란,useEffect()에서 parameter로 넣은 함수의 return 함수이다.Component의 unmount이전 / update직전에 어떠한 작업을 수행하고

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

[React] Hooks (useEffect)

React 함수형 컴포넌트(functional component)에서 useEffect를 사용하면, side effect를 수행할 수 있다.side effect: React Component가 화면에 render된 후에, 비동기로 처리되어야하는 효과들useEffect(

2020년 10월 10일
·
1개의 댓글
post-thumbnail

TIL 2020.05.15

2020년 10월 4일
·
0개의 댓글
post-thumbnail

TIL 62 | 클래스형 컴포넌트인 로그인 페이지를 함수형 컴포넌트로 바꿔보자 ( Hooks & styled-component)

아직 익숙하지 않은 훅스 개념을 직접 코드로 쳐보면서 익혀보자. 3주 전에 만들었던 Instagram 로그인페이지를 Hooks를 사용해서 functional 컴포넌트로 바꿔보고 styled-component를 적용해서 새로 작성해보았다.

2020년 10월 4일
·
2개의 댓글
post-thumbnail

React - Effect Hook

React Functional Component에서 Effect Hook을 사용하면, Side effect를 수행할 수 있게된다.Side effect란,React Component가 화면에 render된 이후에, 비동기로 처리되어야하는 효과들을 말한다.useEffect

2020년 10월 3일
·
0개의 댓글
post-thumbnail

[JavaScript] React - useEffect 를 사용한 마운트, 언마운트 업데이트 시의 작업

React useEffect > useEffect를 사용하여 마운트, 언마운트 업데이트 시의 작업을 설정해 보도록 하겠습니다. 이전 블로그에서 작성했던 코드에서 추가로 작성하여 useEffect를 사용하여 어떻게 동작하는지 확인해봅시다. useEffect(() =>

2020년 10월 3일
·
0개의 댓글
post-thumbnail

React - velopert html 정리(2)

(본 글은 Velopert님의 https://react.vlpt.us/ 를 정리한 내용입니다.): class형 컴포넌트에서 componentDidMount, componentDidUpdate와 같은    lifeCycle을 hooks에서는 useEffect로

2020년 10월 2일
·
0개의 댓글
post-thumbnail

TIL 59 | Hooks (useState, useEffect)

참고자료 : React Hooks 공식문서, 함수형 컴포넌트, 클로저, useState함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동(hook into) 할 수 있게 해주는 함수이다.

2020년 10월 2일
·
0개의 댓글
post-thumbnail

React Hooks의 이해

React는 v16.8부터 컴포넌트 상태와 컴포넌트 생명주기를 관리할 수 있는 API인 Hook을 제공하고 있다. Hook을 사용하면 함수 컴포넌트에서도 클래스 컴포넌트처럼 상태를 저장할 수 있고 컴포넌트 생명주기에 관여할 수 있다.

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

React - useEffect

2020년 9월 1일
·
0개의 댓글

[React hooks] useEffect

react의 Component Class 방식을 사용하다가 react hook을 알게 되니 신세계이다.state의 변경사항을 구독하고, 해제하는 code가 예를 들면 componentDidMount, componentDidUpdate 등.. 으로 파편화 되어 있고, 확

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

useEffect

official useEffect(https://ko.reactjs.org/docs/hooks-reference.html

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

useEffect

useEffectuseState는 간단히 정리해서 "함수형 컴포넌트에서도 state를 사용할 수 있다!"였었다.하지만 복잡한 로직을 위한 다양한 기능들을 살펴볼 필요가 있다.useEffect는 그러한 기능들 중 하나로 useState가 기존의 방식을 대체하는 것 처럼

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

UseEffect

Effect Hook을 사용하면 함수 컴포넌트에서 side effect를 수행할 수 있다.리액트 컴포넌트에는 일반적으로 두 종류의 side effects가 있다. 정리(clean-up)각 필요한 것과 그렇지 않은 것. 이 둘을 어떻게 구분해야 할지 자세하게 알아보자.정

2020년 8월 24일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 8장, Hooks

# 😁 useState # 😃 useEffect # 🙄 useReducer # 😏 useMemo # 😙 useCallback # 😋 useRef # 😜 Custom Hooks

2020년 8월 21일
·
0개의 댓글
post-thumbnail

2차 프로젝트 - React - 복잡한 데이터 useState, useEffect Hook으로 관리하기

제목 그대로 복잡한 데이터, 즉 변경될 데이터를 포함하는 여러 형태의 데이터를 함수형 컴포넌트 내에서 useEffect와 useState를 사용하여 다루려고 한다.2차 프로젝트에서 highchart 라이브러리를 사용하고 있다.highchart는 options라는 객체

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

useEffect

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

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

Hooks

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

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

[React]Hooks - useState, useEffect

[React]Hooks - useState, useEffect

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