/react-lotto

React 로또 어플리케이션

Level2 - 행운의 로또

React 로또 어플리케이션

🚀 Getting Started

  • Boilerplate는 페어와 협의하여 자유롭게 선택합니다.
  • CSS는 레벨1에 있는 코드를 직접 찾아서 자유롭게 재활용합니다.
  • 불필요한 Third-Party 없이 React에서 제공되는 것만으로 구현합니다.
  • 테스트 도구 선정부터 작성까지 일절 관여하지 않습니다. 자유롭게 즐겨보세요

📝 Requirements

Step1

  • Class Component를 사용합니다.
  • 로또 구입 금액을 입력하면, 금액에 해당하는 로또를 발급해야 한다.
  • 로또 1장의 가격은 1,000원이다.
  • 소비자는 자동 구매만 할 수 있다.
  • 복권 번호는 번호보기 토글 버튼을 클릭하면, 볼 수 있어야 한다.
  • 결과 확인하기 버튼을 누르면 당첨 통계, 수익률을 모달로 확인할 수 있다.
  • 로또 당첨 금액은 고정되어 있는 것으로 가정한다.
  • 다시 시작하기 버튼을 누르면 초기화 되서 다시 구매를 시작할 수 있다.

Step2

  • Step1의 Class ComponentFunction Component로 마이그레이션 합니다.

공통 심화

  • UI를 통해 실시간으로 당첨 번호 발표까지 남은 시간을 제공합니다.
  • 다시 시작하기 버튼을 누르면 당첨 번호 발표 시간도 사라진다.

👏 Contributing

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.


🐞 Bug Report

버그를 발견한다면, Issues에 등록해주세요.


📝 License

This project is MIT licensed.