바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)

이 글은 React와 TypeScript 환경에서 HTML Canvas API를 사용하여 간단한 게임을 만드는 방법을 설명합니다. '바나나 먹는 미니언 게임'이라는 예시를 통해 미니언의 좌우 이동, 랜덤 위치에서 떨어지는 바나나, 그리고 바나나를 먹는 게임의 기본 룰을 구현하는 과정을 다룹니다.

개발 환경 설정, 필요한 이미지 준비, 그리고 게임 로직 구현에 사용되는 주요 변수와 인터페이스 타입 정의를 포함합니다. 특히, 캔버스 요소를 다루기 위한 `useRef` 사용법과 게임 오브젝트의 위치 및 크기 관리에 대한 내용을 중점적으로 다룹니다.