K
KRYFT Problem Bank
프론트엔드 쉬움 코딩

React useState 카운터

React useState 훅을 사용하여 간단한 카운터 컴포넌트를 구현하세요

15분
50점
#3628

문제 설명

React의 useState 훅을 사용하여 카운터 컴포넌트를 만드세요.

요구사항

  • 현재 카운트 값을 화면에 표시
  • "증가" 버튼을 클릭하면 카운트가 1 증가
  • "감소" 버튼을 클릭하면 카운트가 1 감소
  • "초기화" 버튼을 클릭하면 카운트가 0으로 리셋

컴포넌트 구조

<div>
  <h1>카운트: {count}</h1>
  <button onClick={increment}>증가</button>
  <button onClick={decrement}>감소</button>
  <button onClick={reset}>초기화</button>
</div>

평가 기준

  • useState 훅의 올바른 사용
  • 이벤트 핸들러 구현
  • 상태 업데이트 로직

힌트

실행 버튼을 눌러 코드를 실행하세요.