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 (
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() {
이븐하지 않아요. 잘 못 구워졌어요.
)} -