useEffect
-
[React] useEffect 정리react 2024. 6. 12. 16:08
🔑 [keyword]설정 함수 1-1. 정리 함수의존성 배열 📺 참고 강의React Hooks에 취한다 - useEffect 깔끔하게 마스터하기 | 리액트 훅스 시리즈컴포넌트가 Mount, Update, Unmount될 때, 특정작업을 처리시켜줄 코드가 필요하다면 useEffect를 활용하면 됩니다.기본적으로 useEffect 훅은 인자로 콜백함수를 받습니다.콜백함수란 다른 함수의 인자로 전달된 함수콜백함수 내부에 우리가 처리할 작업을 입력해줍니다.useEffect(()=>{}) 하나의 콜백함수만 받는 경우첫 번째 인자로 콜백함수, 두 번째 인자로 배열(dependencies)배열이 빈 배열일 때화면에 첫 렌더링 될 때만 실행됩니다.clean up- 정리첫 번째 인자 return 값에 함수를 넣어줍니..
-
[React] 노마드코더 ReactJs로 영화 웹 만들기 : #5 useEffect-Cleanupreact 2024. 6. 10. 13:49
clean up- 어떤 컴포넌트가 화면에서 사라졌을 때 무언가를 실행하는 과정- useEffect안에서 return을 하고 실행되길 원하는 함수를 작성// src/App.js import React, { useEffect } from "react"; const App = () => { useEffect(()=>{// 화면에 컴포넌트가 나타났을(mount) 때 실행하고자 하는 함수 return ()=>{// 화면에서 컴포넌트가 사라졌을(unmount) 때 실행하고자 하는 함수}}, []) return hello react!}; export default App; import { func } from "prop-types";import { useState, useEffect } from "react";fu..