어린이 수업을 재미있게 하기 위해 용사가 변신하는 프로그램
- 캐릭터 생성과 관리
- 최대 8명까지의 용사를 생성할 수 있습니다
- 각 용사마다 이름을 지정할 수 있습니다
- 용사 유형별 카운트 관리
- 초용사 (Super Warrior): 10점
- 일반 용사 (Regular Warrior): 1점
- 도움 용사 (Helper Warrior): 1점
- 인성 용사 (Personality Warrior): 1점
- 이미지 변경 시스템
- 용사들의 총 점수에 따라 캐릭터 이미지가 자동으로 변경됩니다
- 점수 구간별로 다른 이미지가 표시됩니다:
- 35-39점: 4-5단계 이미지
- 30-34점: 4단계 이미지
- 25-29점: 3-5단계 이미지
- 20-24점: 3단계 이미지
- 15-19점: 2-5단계 이미지
- 13-14점: 2-3단계 이미지
- 10-12점: 2단계 이미지
- 5-9점: 1-5단계 이미지
- 1-4점: 1단계 이미지
- 사용자 인터페이스
- 각 용사마다 + 와 – 버튼으로 카운트를 조절할 수 있습니다
- 실시간으로 이미지가 업데이트됩니다
- 반응형 디자인으로 구현되어 있습니다
- 알림 시스템
- 새로운 용사 추가 시 알림이 표시됩니다
- 최대 용사 수 초과 시 경고 메시지가 표시됩니다
이 프로그램은 React와 TypeScript를 기반으로 만들어졌으며, Tailwind CSS로 스타일링되어 있습니다.
){kind=link}