레벨1 - 로또 게임 피드백

 

1. export {... }와 export default {... }

 

• export default: export한 이름과 상관없이 원하는 이름으로 import 가능, import 시 중괄호 작성 필요 없음
• export : export한 이름으로만 import 가능, import시 중괄호로 가져와야 함

 

2. 성공 케이스와 실패 케이스 모두 테스트하자

성공 케이스의 경우 코드가 의도한 대로 작동하는지 확인하는 데 도움이 된다. 반면 실패 케이스의 경우 잠재적인 문제를 식별하는 것에 도움이 된다. 다양한 시나리오에서 올바르게 작동하는지 확인하면 안정성을 향상하는데 도움이 되며, 나중에 문제가 발생하지 않도록 미리 방지할 수 있다.

 

3. CSS Bold

일반적으로 400은 regular, 500은 medium, 600은 semibold, 700은 bold로 두고 사용한다.

 

4. 메서드는 해야할 일에만 집중하자

inputBudget -> judgeValidBudget -> purchaseLottos -> inputWinningNumber -> inputBonusNumber -> judgeValidWinningNumber -> printStatisticsResult -> inputRetryCommand -> judgeValidRetryCommand

 

현재 클래스는 선형적인 형태를 띠고 있다. 각 메서드는 자신이 담당하고 있는 일뿐만 아니라 다음 메서드를 호출하는 역할도 하고 있다. 메서드는 자신의 일에만 집중할 수 있도록 최대한 분리하자.

 

5. forEach 내부 호출

  printWinningCount(winningResult) {
    $$winningCounts.forEach((winningCount, index) => {
      this.print(winningCount, this.createRankList(winningResult)[index]);

 

해당 코드에서 forEach가 실행될 때마다 this.createRankList 메서드가 같이 계속 실행되고 있다. forEach 외부에서 변수로 선언한 후 사용하자.