From 4751348961d1f624aba09d5e415425f539079000 Mon Sep 17 00:00:00 2001
From: jissssu <113964353+jissssu@users.noreply.github.com>
Date: Tue, 8 Oct 2024 09:20:35 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20App.js,=20Counter.jsx=20=EB=AF=B8?=
 =?UTF-8?q?=EC=85=98=20=EC=88=98=ED=96=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.js                 |  9 ++++++---
 src/components/Counter.jsx | 22 ++++++++++++++--------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/App.js b/src/App.js
index 09a9098..a372892 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,16 +3,19 @@ import Counter from './components/Counter';
 import TestCase from './components/TestCase';
 
 function App() {
-  //-3을 해주는 decrement도 만들어주세요~
+  //-3을 해주는 decrement도 만들어주세요!
+
   function increment(n) {
     return n + 1;
   }
   increment.toString = () => 'n => n+1';
 
   function decrement(n) {
-    return;
+    return n - 3;
   }
-  decrement.toString = () => '';
+  decrement.toString = () => 'n => n-3';
+
+  
 
   return (
     <div className="App">
diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx
index dc412df..7fe44b0 100644
--- a/src/components/Counter.jsx
+++ b/src/components/Counter.jsx
@@ -4,7 +4,19 @@ export default function Counter() {
   // 다음 렌더링 전에 버튼이 작동하면 좋겠어요, 그리고 전 한번에 3 더하지 않고 1씩 3번 더하고 싶어요!!!
   const [number, setNumber] = useState(0);
   // 숫자가 이븐하지 않을 땐 false로 만들어줘요 ;; 이름 좀 이상하면 수정부탁드립니다...
-  const [isEven, setHello] = useState(true);
+  const [isEven, setIsEven] = useState(true);
+  
+  const handleClick = () => {
+    setNumber(prevNumber => prevNumber + 1); 
+    setNumber(prevNumber => prevNumber + 1); 
+    setNumber(prevNumber => prevNumber + 1); 
+  };
+  
+  useEffect(() => {
+    setIsEven(number % 2 === 0); 
+  }, [number]);
+
+  
 
   return (
     <>
@@ -19,13 +31,7 @@ export default function Counter() {
           <div>이븐하지 않아요. 잘 못 구워졌어요.</div>
         </>
       )}
-      <button
-        onClick={() => {
-          setNumber(number + 1);
-          setNumber(number + 1);
-          setNumber(number + 1);
-        }}
-      >
+      <button onClick={handleClick}>
         +3
       </button>
     </>