hyo-choi / javascript-lotto

Home Page:https://hyo-choi.github.io/javascript-lotto/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

level1 - 행운의 로또

자바스크립트로 구현 하는 로또 어플리케이션

template version

🔥 Projects!

🎯 step1 구입 기능

  • 로또 구입 금액을 입력하면, 금액에 해당하는 로또를 발급해야 한다.
  • 로또 1장의 가격은 1,000원이다.
  • 소비자는 자동 구매를 할 수 있어야 한다.
  • 복권 번호는 번호보기 토글 버튼을 클릭하면, 볼 수 있어야 한다.

🎯🎯 step2 당첨 결과 기능

  • 결과 확인하기 버튼을 누르면 당첨 통계, 수익률을 모달로 확인할 수 있다.
  • 로또 당첨 금액은 고정되어 있는 것으로 가정한다.
  • 다시 시작하기 버튼을 누르면 초기화 되서 다시 구매를 시작할 수 있다.

🎯🎯🎯 step3 수동 구매

  • 소비자는 수동 구매(스스로 구매 번호를 입력)를 할 수 있어야 한다.
    • 수동 구매를 위한 input UI는 스스로 구현한다.
  • 수동 구매 후 남는 금액이 있다면 자동으로 구매할 수 있어야 한다.
  • 위 기능들이 정상적으로 동작하는지 Cypress를 이용해 테스트한다.

⚙️ Before Started

Tip 로컬에서 서버 띄워서 손쉽게 static resources 변경 및 확인하는 방법

로컬에서 웹서버를 띄워 html, css, js 등을 실시간으로 손쉽게 테스트해 볼 수 있습니다. 이를 위해서는 우선 npm이 설치되어 있어야 합니다. 구글에 npm install 이란 키워드로 각자의 운영체제에 맞게끔 npm을 설치해주세요. 이후 아래의 명령어를 통해 실시간으로 웹페이지를 테스트해볼 수 있습니다.

npm install -g live-server

실행은 아래의 커맨드로 할 수 있습니다.

live-server 폴더명

👏 Contributing

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


🐞 Bug Report

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


📝 License

This project is MIT licensed.

About

https://hyo-choi.github.io/javascript-lotto/

License:MIT License


Languages

Language:CSS 51.4%Language:TypeScript 23.7%Language:JavaScript 16.0%Language:HTML 8.9%