프로젝트

시계 읽기 마스터 — 정각과 30분을 배워요

2025년 12월 15일 7분
시계 읽기 마스터 바로가기 →

벽시계 휠을 돌리다 시작된 프로젝트

7살 아이가 유치원에서 시간 보기 공부를 해왔습니다. 집에 있는 벽시계를 가지고 연습을 시작했습니다. "지금 몇 시야?" "긴바늘이 여기 있으면?" 아이가 대답하고, 제가 확인해주고, 다음 문제를 내기 위해 벽시계 뒤의 휠을 돌려 시간을 바꾸고... 이걸 반복했습니다.

문제는 그 이었습니다. 3시에서 9시로 바꾸려면 휠을 한참 돌려야 하고, 몇 문제 내다 보니 손가락이 아팠습니다. 아이는 더 풀고 싶어하는데, 문제를 내는 쪽이 먼저 지치는 상황이었습니다. 자연스럽게 생각했습니다 — 문제를 자동으로 내주는 게 있으면 좋겠다.

그러다 한 가지 더 떠올랐습니다. 초등학교 1학년 2학기 수학에 시계 읽기 단원이 있는데, 교실에는 벽시계가 하나뿐입니다. 선생님이 시계를 돌려 보여줄 수는 있지만, 아이들 한 명 한 명이 직접 바늘을 조작해볼 기회는 많지 않습니다. 그래서 문제풀기뿐 아니라, 슬라이더로 짧은바늘과 긴바늘을 자유롭게 돌려보는 연습 모드도 함께 만들었습니다.

교과서는 어디까지 다루나

1학년 2학기 수학 5단원 "시계 보기와 규칙 찾기"의 학습 범위는 명확합니다:

  • 몇 시(정각): 짧은바늘이 숫자를 가리키고, 긴바늘이 12를 가리킬 때
  • 몇 시 30분: 짧은바늘이 숫자와 숫자 사이에 있고, 긴바늘이 6을 가리킬 때

5분 단위나 1분 단위 읽기는 2학년에서 다룹니다. 그래서 이 앱도 정각과 30분에만 집중했습니다. 분 슬라이더는 0분과 30분 두 가지만 선택할 수 있도록 설계했고, "1단계 · 정각과 30분"이라는 뱃지를 달았습니다.

교과서에서는 "시침", "분침" 대신 "짧은바늘", "긴바늘"이라는 용어를 사용합니다. 앱에서도 이 용어를 그대로 써서 수업 시간에 배운 내용과 자연스럽게 연결되도록 했습니다.

연습 모드: 자유롭게 탐색하기

연습 모드에서는 두 개의 슬라이더로 시계를 자유롭게 조작합니다:

  • 시 슬라이더(1~12): 짧은바늘이 가리키는 숫자를 바꿉니다. 해당 숫자가 하이라이트됩니다.
  • 분 슬라이더(정각/30분): 긴바늘이 12(정각) 또는 6(30분)을 가리킵니다.

아날로그 시계와 디지털 시계가 실시간으로 동기화되어, 바늘의 위치와 숫자 표현의 관계를 직관적으로 파악할 수 있습니다. 30분일 때 짧은바늘이 두 숫자 사이로 자연스럽게 이동하는 것도 보여줍니다. "3시 30분으로 맞춰볼까?" 하고 스스로 조작해보는 것만으로도 충분한 학습이 됩니다.

시계 읽기 마스터 연습 모드 화면
연습 모드 — 슬라이더로 짧은바늘과 긴바늘을 자유롭게 조작

문제풀기 모드: 두 가지 유형

문제풀기 모드는 10문제로 구성되며, 두 가지 유형이 랜덤으로 출제됩니다:

시계 읽기 문제

화면에 시계가 표시되고, 4개의 선택지 중 맞는 시간을 고릅니다. "이 시계는 몇 시 몇 분일까요?" — 짧은바늘과 긴바늘의 위치를 읽어내는 연습입니다.

시계 맞추기 문제

"3시 30분을 시계에 맞춰보세요!" 같은 문제가 나오면, 슬라이더를 직접 움직여서 시계를 맞춥니다. 읽기의 역과정으로, 시간을 보고 바늘의 위치를 떠올리는 연습입니다.

시계 읽기 마스터 문제풀기 모드 화면
문제풀기 모드 — 시계 읽기와 시계 맞추기 두 가지 유형

틀려도 괜찮아 — 구체적인 피드백

이 앱에서 가장 신경 쓴 부분은 오답 피드백입니다. 단순히 "틀렸습니다"가 아니라, 어떤 바늘을 잘못 읽었는지 구체적으로 알려줍니다:

  • 짧은바늘은 맞았지만 긴바늘을 잘못 읽었을 때: "긴바늘이 12를 가리키면 정각이에요. 6을 가리킬 때만 30분이랍니다!"
  • 긴바늘은 맞았지만 짧은바늘을 잘못 읽었을 때: "30분일 때 짧은바늘은 다음 숫자로 넘어가기 전이에요."
  • 둘 다 틀렸을 때: 긴바늘과 짧은바늘 각각에 대한 설명을 함께 보여줍니다.
시계 읽기 마스터 오답 피드백 화면
오답 피드백 — 어떤 바늘을 잘못 읽었는지 구체적으로 안내

정답을 맞히면 별이 날아오르는 효과와 함께 랜덤한 칭찬 메시지가 표시되어 아이의 학습 동기를 유지합니다.

시계 읽기 마스터 정답 화면
정답! — 칭찬 메시지와 별 효과로 성취감 제공

10문제를 다 풀면

10문제가 끝나면 결과 화면이 표시됩니다. 점수 구간별로 다른 격려 메시지를 보여주고, 만점이면 화면에 축하 콘페티가 날립니다. "다시 도전하기" 버튼으로 바로 새로운 퀴즈를 시작할 수 있습니다.

앞으로의 계획

현재는 1단계(정각과 30분)만 지원합니다. 아이들의 학습 진도에 맞춰 단계를 확장할 계획입니다:

  • 2단계: 5분 단위 읽기 (2학년 과정)
  • 3단계: 1분 단위 읽기

빌드 도구 없이 순수 HTML, CSS, JavaScript만으로 만들었기 때문에, 인터넷만 되면 어디서든 바로 사용할 수 있습니다. 설치도 로그인도 필요 없습니다.

시계 읽기 마스터 바로가기 →