Free좋아요 버튼

React 로 좋아요 버튼을 완성하는 문제입니다. 버튼을 누르면 좋아요 수가 1 늘고, 그 숫자가 화면에 바로 반영되는 동작을 다룹니다. 서버나 전역 상태 없이 단일 컴포넌트 안에서 화면 상태를 다룹니다.

좋아요 버튼은 사용자의 클릭으로 값이 바뀌고, 그 값이 화면에 바로 보여야 하는 가장 기본적인 상호작용 화면입니다. React 에서는 화면에 보이는 숫자와 코드가 들고 있는 값이 어긋나지 않게 맞물려 있어야, 클릭할 때마다 최신 숫자로 화면이 다시 그려집니다. 한 번뿐 아니라 여러 번 눌렀을 때도 화면의 값이 맞는지 검증하는 습관이 중요합니다.

React 에서 클릭으로 바뀌는 값은 어떻게 화면에 반영하나요?

화면에 보이는 값과 코드가 들고 있는 값이 어긋나지 않게 맞물려 있게 해서, 클릭할 때마다 최신 숫자가 보이게 합니다. 그 값이 바뀌면 React 가 화면을 최신 숫자로 다시 그립니다.

좋아요 버튼 동작은 어떻게 검증하나요?

초기 값이 보이는지, 버튼을 누르면 화면의 값이 1 늘어나는지, 여러 번 눌렀을 때도 값이 계속 맞는지를 함께 확인합니다.

이 문제에서 서버 저장이 필요한가요?

필요 없습니다. 단일 컴포넌트 안에서 화면 상태만 다룹니다. 서버 저장·낙관적 업데이트·디바운스는 범위 밖입니다.