SOFTMOA PROJECTS

훈민정음 타자연습 — 옛 책과 붓글씨로 지은 한글·영문·코딩 타자연습

구축 배경과 구현 범위를 확인해보세요.

Contents

훈민정음 타자연습 데스크톱과 모바일 첫 화면

훈민정음 타자연습(옛 이름 이지타자연습)은 회원가입 없이 쓰는 무료 타자연습 서비스입니다. 옛 책을 펼친 모양과 붓글씨로 화면을 짓고, 한글·영문·코딩 연습을 자리·단어·단문·장문 네 단계로 나눴습니다. 기획·디자인·개발은 소프트모아가 맡았습니다.

eztaja.com 바로 가기

펼친 옛 책 한 권

첫 화면은 훈민정음 옛 책을 펼친 모양입니다. 왼쪽 면에 천지인(·ㅡㅣ) 세 획이 붓으로 그어지고, 오른쪽 면에는 표제가 위에서 아래로 써진 뒤 訓民正音 인장이 찍힙니다.

훈민정음 타자연습 첫 화면

훈민정음 타자연습 홈 전체 화면

네 단계 연습

자리연습 — 누를 키와 손가락을 색으로

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

한글 자리연습

단어·단문연습

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

한글 단어연습

한글 단문연습

장문연습 — 문학 작품을 옮겨 적기

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

장문연습 글 선택 목록

별 헤는 밤을 붓글씨로 옮겨 적는 장문연습

장문연습 결과와 장원 인장

영문 장문 — 문장마다 우리말 풀이

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

영문 장문연습과 문장별 우리말 풀이

코딩연습 — 금니로 쓰는 코드

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

코딩 종합연습

모바일

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

훈민정음 타자연습 모바일 화면 여섯 쪽

디자인 요소

훈민정음 타자연습 빛깔과 글꼴, 인장

  • 빛깔: 한지·먹·인주를 바탕으로, 코딩 쪽은 쪽빛 종이에 금니·은니
  • 글꼴: 입력은 붓글씨(East Sea Dokdo), 제목은 송명, 본문은 Noto Serif KR, 영문 원문은 Courier Prime, 코드는 JetBrains Mono
  • 움직임: 붓 쓰기·먹 번짐·인장 찍기는 한 번만 재생하고, 기기의 동작 줄이기 설정에서는 멈춥니다
  • 한글 입력: 브라우저마다 다른 입력 이벤트 순서에 맞춰 마지막 글자 판정을 다음 입력까지 미루고, 붓 글꼴에 없는 조합 중 글자는 나눠 그립니다

만든 방식

구분사양
FrontendNext.js 16 · React 19 · TypeScript 5.9 · Tailwind CSS 4
BackendKotlin 2.4 · Spring Boot 4.1 · jOOQ · Flyway
DatabasePostgreSQL
렌더링모든 쪽을 요청마다 서버에서 그리고, 첫 연습 글도 서버가 골라 함께 그림
연습 자료문학 작품·단어·문장·코드를 DB에 담아 API로 제공
Share this

포트폴리오

Have a questions?

견적 및 기술문의

mobile : 010-7931-4813

Contact Form