[React] 코딩 타자 연습 사이트 만들기 (5) - 정확도, WPM 계산

Maple·2024년 10월 25일
0

코드보기 : https://github.com/maplesyrup0423/DevTyper

계산식

정확도(Accuracy) 계산

setAccuracy(((correctChars / cleanedCodeToType.length) * 100).toFixed(2));
  • correctChars: 사용자가 맞게 입력한 문자 개수입니다.
  • cleanedCodeToType.length: 타자 연습용 코드의 총 글자 수입니다.
  • (correctChars / cleanedCodeToType.length) * 100: 정확도를 백분율로 나타내기 위한 계산식입니다. 맞게 입력한 문자 수를 전체 문자 수로 나눈 값에 100을 곱합니다.
  • .toFixed(2): 소수점 둘째 자리까지 반올림합니다.

WPM(분당 단어 수) 계산

setWpm((cleanedUserInput.length / 5 / timeTaken).toFixed(2));
  • cleanedUserInput.length: 사용자가 입력한 총 문자 수입니다.
  • / 5: 일반적으로 1 단어를 5글자로 간주하여 입력한 문자를 5로 나눕니다.
  • / timeTaken: 총 걸린 시간을 분 단위로 표현한 값으로 나눠 분당 단어 수를 계산합니다.
  • .toFixed(2): 소수점 둘째 자리까지 반올림합니다.

0개의 댓글