프롬프트

짧은 한글 문장를 따라 치는 연습 앱을 만들어 주세요. HTML 파일 하나로 열리고, 설치나 다른 파일 없이 브라우저에서 바로 돌아가야 합니다. CSS와 자바스크립트도 그 안에 넣어 주세요.

화면 위쪽에 따라 칠 내용을 보여 주고, 아래 입력칸에 치게 해 주세요. 한 글자씩 칠 때마다 맞은 글자는 회색으로, 틀린 글자는 빨간색으로 표시해 주세요. 다 치면 다음 문제로 넘어가고, 열 개를 마치면 걸린 시간과 틀린 글자 수를 보여 주세요.

연습할 내용은 코드 안에 스무 개쯤 직접 넣어 주세요. 예를 들면 "오늘 날씨가 참 좋네요" 같은 것이면 됩니다. 외부에서 가져오지 마세요.

다시 하기 버튼을 두고, 누르면 순서를 섞어 처음부터 시작하게 해 주세요. 이미지 파일이나 외부 주소는 쓰지 마세요.

다 만든 뒤에 직접 쳐 보는 셈 치고 확인해 주세요. 틀린 글자 표시가 실제로 맞는 자리에 뜨는지, 마지막 글자를 친 뒤 다음으로 잘 넘어가는지, 다시 하기가 기록을 지우는지 보고 고쳐서 최종본만 주세요.