728x90 반응형 useEffect2 [REACT] HOOK - useEffect useEffect 사이드 이펙트를 수행하기 위한 훅 사이드 이펙트는 사전적으로 부작용이라는 뜻으로, 리액트에서 말하는 사이드 이펙트는 그냥 효과 혹은 영향을 뜻한다. 예를 들면, 서버에서 데이터를 받아오거나 수동으로 DOM을 변경하는 등의 작업을 의미 이런 작업을 이펙트라고 부르는 이유는 이 작업들이 다른 컴포넌트에 영향을 미칠 수 있으며 랜더링 중에는 작업이 완료될 수 없기 때문에 렌더링이 끝난 이후에 실행되어야 하는 작업들 useEffect는 클래스 컴포넌트에서 제공하는 생명주기 함수인 componentDidMount(), componentDidUpdate() 그리고 componentWillUnmount() 와 동일한 기능을 하나로 통합하여 제공한다. 그래서 useEffect() 훅만으로 생명 주기 .. 2022. 12. 23. [REACT] Hooks : useEffect useEffect 리액트 컴포넌트가 랜더링 될 때마다 특정 작업을 수행하도록 설정할 수 있는 HOOK함수 import { useState, useEffect } from "react"; const Info=()=>{ const [name, setName] = useState(''); const [nickname, setNickname] = useState(''); useEffect(()=>{ console.log('랜더링이 완료 되었습니다.'); console.log({ name, nickname }) }) const onChangeName = (e) =>{ setName(e.target.value); } const onChangeNickname = (e) =>{ setNickname(e.target.v.. 2022. 12. 15. 이전 1 다음 728x90 반응형
