살다보니개발자

useEffect 초기렌더링시 함수를 막을려면 아래의 커스텀 훅을 사용하면 된다. import React, { useEffect, useRef } from 'react'; const useDidMountEffect = (func, deps) => { const didMount = useRef(false); useEffect(() => { if (didMount.current) func(); else didMount.current = true; }, deps); } export default useDidMountEffect; 해당 커스텀훅 사용방법은 import React, { useState, useEffect } from 'react'; import useDidMountEffect from '../pa..

콜백함수란 인자값으로 전달받은 함수를 뜻한다. 인자값으로 전달받은 콜백함수는 매개변수로 함수내부에서 필요할때 호출이 가능하다. function func(a, b, callback) { console.log(a,'+',b ,'= 의 값은?'); callback(a, b); } function func2(a, b) { console.log(a + b); } func(1, 2, func2); // 1 + 2 = 의 값은? // 3 예제를 살펴보면 매개변수를 a , b , callback을 사용하는 func 라는 함수를 생성하고 매개변수 a, b 를 더해서 출력해주는 func2라는 함수를 생성한다. func함수에 인자값으로 1 , 2 , func2 를 넘겨주면 callback이라는 매개변수를 통해 a,b 매개변..