[3주차] 심여은 과제 제출합니다

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 (
     <div className="App">

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() {
       )}
       <button
         onClick={() => {
-          setNumber(number + 1);
-          setNumber(number + 1);
-          setNumber(number + 1);
+          setNumber(n => n + 1);
+          setNumber(n => n + 1);
+          setNumber(n => n + 1);
         }}
       >
         +3
       </button>
+      <button
+        onClick={() => {
+          if (number > 0){
+          setNumber(n => n - 1);
+          setNumber(n => n - 1);
+          setNumber(n => n - 1);
+        }}}
+      >
+        -3
+      </button>
     </>
   );
 }