타닥타닥 — 백스페이스 없이 한 번에 끝까지 치는 한글/영문 타자 게임

타자 연습 사이트는 많은데, 대부분 틀리면 바로 빨갛게 표시되고 백스페이스로 고치면서 칩니다. 그런데 실제로 글을 쓸 땐 그렇게 한 글자씩 검사받으며 치지 않잖아요. 그래서 "백스페이스 금지, 정답은 끝나고 확인" 이라는 규칙 하나만 가지고 타자 게임을 만들어 봤습니다.

규칙은 단순해요. 화면에 뜬 문장을 그냥 끝까지 칩니다. 한 번 친 글자는 못 지우고, 치는 동안에는 맞았는지 틀렸는지 알려주지 않습니다. 그래서 묘하게 긴장되고, 다 치고 나서 결과를 보는 맛이 있습니다.

주요 기능

• 백스페이스 없는 한 방 입력 — 입력 중엔 정답·오답 미리보기가 전혀 없습니다. 끝까지 쳐야 결과가 나오니, 손이 기억하는 진짜 타자 실력이 그대로 드러납니다.
• 글자별 1:1 채점 결과판 — 끝나면 친 글자를 정답과 한 칸씩 맞춰 색으로 보여줍니다(정답·오타·미입력). 어디서 어떻게 틀렸는지가 한눈에 보여서, 단순 정확도 %보다 훨씬 와닿습니다.
• 친 글자 ↔ 정답 비교 리스트 — 실 → 꿈, 패 → 을 처럼 내가 친 글자와 원래 글자를 화살표로 나란히 보여줍니다. 자주 헷갈리는 글자를 찾기 좋아요.
• KPM·WPM·정확도·시간 — 분당 타수, 단어 기준 WPM, 정확도, 소요 시간을 한 번에. 최고 기록을 넘으면 "새로운 최고 기록 달성" 배지가 뜹니다.
• 한글·영문 / 짧은 글·긴 글 — 모드를 골라서 가볍게도, 길게도 칠 수 있습니다. Tab으로 새 문장, Enter로 완료·다음 문장 같은 키보드 흐름도 챙겼습니다.

기술 이야기

서버 없이 브라우저 안에서만 모든 채점이 끝나도록 만들었습니다. 친 글자를 정답 문장과 글자 단위로 정렬해 비교하는 게 핵심인데, 한글은 한 글자가 자모로 조합되다 보니 "어디까지가 한 글자인가"를 맞추는 부분이 제일 까다로웠습니다. 입력값을 그대로 정답과 1:1로 매핑하는 방식으로 풀어서, 길이가 달라져도(덜 쳤거나 더 쳤거나) 미입력·오타가 깔끔하게 잡히도록 했습니다.

기록 저장도 외부 DB 없이 브라우저에 남겨서, 접속만 하면 바로 자기 최고 기록과 겨룰 수 있습니다. 다크 네온 톤 UI는 모바일에서도 그대로 잘 눌리도록 반응형으로 맞췄습니다.

별거 아닌 규칙 하나 바꿨을 뿐인데 타자 치는 긴장감이 확 달라집니다. 한 번 끝까지 쳐보세요 — 생각보다 백스페이스에 많이 의지하고 있었다는 걸 알게 될 거예요.