
SOFTMOA PROJECTS
훈민정음 타자연습 — 옛 책과 붓글씨로 지은 한글·영문·코딩 타자연습
구축 배경과 구현 범위를 확인해보세요.
Contents

훈민정음 타자연습(옛 이름 이지타자연습)은 회원가입 없이 쓰는 무료 타자연습 서비스입니다. 옛 책을 펼친 모양과 붓글씨로 화면을 짓고, 한글·영문·코딩 연습을 자리·단어·단문·장문 네 단계로 나눴습니다. 기획·디자인·개발은 소프트모아가 맡았습니다.
펼친 옛 책 한 권
첫 화면은 훈민정음 옛 책을 펼친 모양입니다. 왼쪽 면에 천지인(·ㅡㅣ) 세 획이 붓으로 그어지고, 오른쪽 면에는 표제가 위에서 아래로 써진 뒤 訓民正音 인장이 찍힙니다.


네 단계 연습
자리연습 — 누를 키와 손가락을 색으로
큰 칸에 나온 글자를 화면 자판에서 찾아 누릅니다. 손가락마다 색을 달리해 담당 키를 보여 주고, 맞히면 붉은 관주가 그려집니다. 한/영 입력 상태와 상관없이 자판 위치로 판정합니다.

단어·단문연습
자주 쓰는 단어와 짧은 문장을 한 장씩 옮겨 적습니다. 입력한 글자는 붓글씨로 써지고, 조합 중인 글자는 덜 마른 먹처럼 흐리게, 틀린 글자는 붉은 주필로 표시됩니다.


장문연습 — 문학 작품을 옮겨 적기
한국 문학 작품을 책장처럼 넘기며 입력합니다. 글은 세로 책등 목록에서 고르고, 입력하는 동안 타수·WPM·정확도·오타율을 보여 줍니다. 한 쪽을 마치면 소요시간과 함께 정확도로 매긴 등급 인장(장원 97% 이상, 급제 90% 이상)이 찍힙니다.



영문 장문 — 문장마다 우리말 풀이
영미 명시와 이야기를 입력합니다. 원문은 타자기 글꼴로, 입력은 붓글씨로 보여 주고 문장마다 우리말 풀이를 붙였습니다.

코딩연습 — 금니로 쓰는 코드
남색 종이에 금색 원문, 은색 입력으로 옛 사경(寫經)의 빛깔을 따랐습니다. 웹개발·Java·MariaDB·리눅스 코드를 분야별로, 또는 섞어서 연습합니다.

모바일
모든 연습을 휴대폰 화면에 맞춰 다시 배치했습니다. 회원가입 없이 PC와 모바일에서 바로 쓸 수 있습니다.

디자인 요소

- 빛깔: 한지·먹·인주를 바탕으로, 코딩 쪽은 쪽빛 종이에 금니·은니
- 글꼴: 입력은 붓글씨(East Sea Dokdo), 제목은 송명, 본문은 Noto Serif KR, 영문 원문은 Courier Prime, 코드는 JetBrains Mono
- 움직임: 붓 쓰기·먹 번짐·인장 찍기는 한 번만 재생하고, 기기의 동작 줄이기 설정에서는 멈춥니다
- 한글 입력: 브라우저마다 다른 입력 이벤트 순서에 맞춰 마지막 글자 판정을 다음 입력까지 미루고, 붓 글꼴에 없는 조합 중 글자는 나눠 그립니다
만든 방식
| 구분 | 사양 |
|---|---|
| Frontend | Next.js 16 · React 19 · TypeScript 5.9 · Tailwind CSS 4 |
| Backend | Kotlin 2.4 · Spring Boot 4.1 · jOOQ · Flyway |
| Database | PostgreSQL |
| 렌더링 | 모든 쪽을 요청마다 서버에서 그리고, 첫 연습 글도 서버가 골라 함께 그림 |
| 연습 자료 | 문학 작품·단어·문장·코드를 DB에 담아 API로 제공 |
