프론트엔드
쉬움
코딩
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 훅의 올바른 사용
- 이벤트 핸들러 구현
- 상태 업데이트 로직
힌트
힌트를 활용하세요
실행 버튼을 눌러 코드를 실행하세요.