공부블로그

콜백함수가 처음엔 이해도 안되고 너무 어려웠는데 계속 보다보니까 이제 조금 이해가 되는 것 같다. 그냥 인자로 넘기거나 넘겨받을 수 있어서 원하는 시점에 실행되는 함수 다. 이게 끝인데 지금까지는 너무 어렵게 생각한 것 같다. 자식 컴포넌트에서 부모 컴포넌트의 상태를 변경할 때 props로 전달하는 함수나 이벤트 발생 시 실행되는 함수 등이 콜백함수이다. 추가로 useEffect hook도 dependecy가 변화하는 effect가 발생했을 때 실행되는 콜백함수를 등록하는 기능이다. //useEffect(()=> {}, [dep]) useEffect(callback ,[dependencies]); ※ 이벤트 리스너에 이벤트 핸들러를 등록하면 이벤트가 발생했을 때 핸들러에 등록한 함수를 실행한다! 이벤트 ..

Hooks는 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공한다. 리액트 내장 Hooks를 사용하는 방법을 배우고 커스텀 Hooks를 만들어보자. 8. 1 ) useState useState는 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있도록 해준다. ( 3장에서 배움 ) Counter. js import React, { useState } from "react"; const Counter = () => { const [value, setValue] = useState(0); return ( 현재 카운터 값은 {value}입니다. setValue(value + 1)}>+1 // value값 업데이트 setValue(val..