[포스코x코딩온] 웹개발자 풀스택 과정 9기 12주차 회고록 - React useEffect

🤔 useEffect 란? 모든 컴포넌트에는 생성되고 업데이트 되고 사라지는 생명주기를 가지고 있다. 이를 각각 Mount, Update,UnMount로 부른다. Mount : DOM이 생성되고 웹 브라우저 상에 나타남. Update : Props or State가 바뀌었을 때 업데이트 함. Unmount : 컴포넌트가 화면에 사라질 때. 이 처럼 컴포넌트의 생명주기를 역할을 하는 것을 useEffect()함수를 사용해서 조절할 수 있다. ✏️ 사용 방법 1. 기본 형태 useEffect(function,deps) ● function : 랜더링 이후 실행할 함수를 써준다. ● deps : function을 실행 시켜줄 조건을 써준다. 배열 형태로 사용한다. 이 값의 따라 useEffect가 실행될지 안될..

• format_list_bulleted 포스코x코딩온
• · 2023. 9. 28.
• textsms

React - useEffect

1. 개요 useEffect를 사용해서 리액트의 생명주기를 확인할 수 있다. 리액트 컴포넌트의 생명주기는 총 3가지가 있다. Mount : 화면에서 나타 Update : 리렌더 Unmount : 화면에서 사라짐 2. 사용 방법 useEffect도 마찬가지로 리액트의 기능이기 때문에 state와 useRef 같이 import 해준다. import React , { useEffect } from "react"; useEffect의 기본 구성은 이렇게 나타난다. useEffect(()=>{ // Callback함수 }, []);// dependency Array(의존성 배열) // 이 배열안에 들어있는 값이 변화하면 콜백 함수가 실행됨 2-1 mount 할 때만 실행 컴포넌트가 화면에 처음 나타날 때를 mou..

• format_list_bulleted React
• · 2023. 5. 17.
• textsms