본문 바로가기

Hook 1

[React] useEffect

useEffect useEffect는 함수 컴포넌트에서 side effect(부수 효과)를 수행할 수 있는 Hook이다. useEffect를 사용하면 컴포넌트가 마운트 되었을 때, 언마운트 되었을 때, 업데이트 되었을 때 특정 작업을 수행할 수 있다. 기본 문법 useEffect의 기본 문법은 다음과 같다. useEffect(function, deps); function: 수행하고자 하는 작업 deps: 검사하고자 하는 배열 (배열에 특정 값을 넣으면 해당 값이 변경될 때만 function 실행) 컴포넌트가 마운트 되었을 때 컴포넌트가 마운트 되었을 때 특정 작업을 수행하고 싶은 경우, deps에 빈 배열을 넣는다. import React, { useEffect } from 'react' ..

·
2022. 6. 2.
·
반응형