✨ 구현 기능 명세

💡 기본 과제

• [ ] Context API, 전역상태 라이브러리 사용 X (ThemeProvider 제외)

1) 헤더

• [ ] 게임 / 랭킹 2개의 메뉴 선택 가능
• [ ] 게임 선택 시
  • [ ] 헤더 우측에 레벨 선택 Select + 타이머 표시
  • [ ] 게임 판 출력
• [ ] 랭킹 선택 시
  • [ ] 헤더 우측엔 아무것도 나오지 않음
  • [ ] 랭킹 보드 출력

2) 게임

• [ ] (기본) 한 종류의 레벨만 구현
• [ ] 숫자는 항상 랜덤으로 표시됨
  • 초기 표시 숫자, 이후 열리는 숫자 모두 랜덤
• [ ] 최초 표시 숫자는 클릭해야 하는 숫자의 앞 절반만 노출
  • 예) Level 1에서 1~18 클릭이라면, 시작 시 1~9만 랜덤 표시
• [ ] 게임판 상단에 다음으로 클릭해야 할 숫자 표시
• [ ] 1을 누르는 순간 게임 시작
  • 헤더 우측 타이머 동작 (소수점 2자리까지 측정)
• [ ] 마지막 숫자 클릭 시 게임 종료
• [ ] 게임 종료 시
  • [ ] 타이머 중지
  • [ ] alert 창으로 걸린 시간 표시
  • [ ] 아래 3개 정보를 localStorage 저장 (랭킹에서 사용)
    • [ ] 현재 시각
    • [ ] 게임 레벨
    • [ ] 플레이 시간
• [ ] 종료 창에서 확인 누르면 다시 시작 가능한 상태로 게임 초기화
• [ ] 게임 중 레벨 변경 시 다시 시작 가능한 상태로 게임 초기화

3) 랭킹

• [ ] localStorage에서 데이터 불러오기
• [ ] 플레이 시간 오름차순 정렬 (빠른 기록이 위쪽)