7장. useReducer와 상태 관리 이 장에서는 상태 변화의 개념과 useReducer에 대해 알아보고, useRuducer를 이용하여 이전에 만들었던 [할 일 관리] 앱을 업그레이드하여 본다. 1. useReducer 이해하기 리액트 훅 useReducer를 이용하여 상태 변화 코드를 분리한다. 상태 변화 코드 분리라는 개념을 이해하기 전에 useReducer에 대해 알아보자. [ 실습 준비하기 ] 이전 실습에서 작성한 [할 일 관리] 앱을 열고 component 폴더에 TestComp.js 이름으로 임시 컴포넌트를 만든다.import { useState } from "react";function TestComp() { const [count, setCount] = useState(0);..

24-25/React.js 2 2025. 1. 10. 10:00

1. useReducer 이해하기 이전에 작성한 [할 일 관리] 앱을 열고 component 폴더에 TestComp.js라는 임시 컴포넌트를 하나 만든다. TestComp.js 작성 import { useState } from "react"; function TestComp() { const [count, setCount] = useState(0); const onIncrease = () => { setCount(count + 1); }; const onDecrease = () => { setCount(count - 1); }; return ( 테스트 컴포넌트 {count} + - ); } export default TestComp; TestComp를 App 컴포넌트의 자식으로 배치해 페이지에 렌더링 한..

23-24/React.js 2 2023. 12. 29. 10:00