diff --git a/src/App.js b/src/App.js index 09a9098..ddca52e 100644 --- a/src/App.js +++ b/src/App.js @@ -10,9 +10,9 @@ function App() { increment.toString = () => 'n => n+1'; function decrement(n) { - return; + return n - 3; } - decrement.toString = () => ''; + decrement.toString = () => 'n => n-3'; return (
diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx index dc412df..b31f33a 100644 --- a/src/components/Counter.jsx +++ b/src/components/Counter.jsx @@ -4,7 +4,15 @@ export default function Counter() { // 다음 렌더링 전에 버튼이 작동하면 좋겠어요, 그리고 전 한번에 3 더하지 않고 1씩 3번 더하고 싶어요!!! const [number, setNumber] = useState(0); // 숫자가 이븐하지 않을 땐 false로 만들어줘요 ;; 이름 좀 이상하면 수정부탁드립니다... - const [isEven, setHello] = useState(true); + const [isEven, setIsEven] = useState(true); + + useEffect(() => { + if (number % 2 !== 0){ + setIsEven(false); + } else { + setIsEven(true); + } + }, [number]); return ( <> @@ -21,13 +29,23 @@ export default function Counter() { )} + ); }