원형 계획표는 24시간 다이얼입니다
초등학교 방학 숙제로 익숙한 원형 생활계획표는 보통 12시간 시계 모양이지만, 이 도구는 하루 전체를 원 하나에 올리는 24시간 다이얼입니다. 0시가 맨 위(12시 방향)이고 시계 방향으로 돌아 24시에 다시 맨 위로 돌아옵니다. 그래서 6시는 오른쪽(3시 방향), 12시는 맨 아래, 18시는 왼쪽에 놓입니다. 원에서 색 조각의 크기가 곧 그 활동이 하루 중 차지하는 비중이므로, 수면이나 공부가 얼마나 큰지, 비어 있는 구간이 어디인지를 표보다 빨리 알 수 있습니다.
시간을 각도로 바꾸는 공식
원 한 바퀴는 360도이고 하루는 24시간이므로 1시간은 360 ÷ 24 = 15도입니다. 활동이 시작하는 각도는 360° × 시작시각(시) ÷ 24, 조각이 차지하는 각도는 360° × 활동시간(시) ÷ 24입니다. 화면에서는 SVG 원의 테두리를 굵은 선으로 그리고 stroke-dasharray로 조각 길이를 정하는데, 반지름 78 기준 원둘레는 2π×78 ≈ 490.1이라 조각 길이는 이 둘레에 하루 중 비율을 곱한 값입니다.
| 활동 시간 | 각도(360°×h÷24) | 하루 비율 | 원둘레 위 길이(반지름 78) |
|---|---|---|---|
| 0.5시간 | 7.5° | 2.1% | 10.2 |
| 1시간 | 15° | 4.2% | 20.4 |
| 2시간 | 30° | 8.3% | 40.8 |
| 3시간 | 45° | 12.5% | 61.3 |
| 6시간 | 90° | 25.0% | 122.5 |
| 8시간 | 120° | 33.3% | 163.4 |
| 9시간 | 135° | 37.5% | 183.8 |
| 12시간 | 180° | 50.0% | 245 |
| 24시간 | 360° | 100.0% | 490.1 |
기본 예시 일정을 검산해 보기
화면 처음에 채워진 8개 활동의 길이와 각도를 같은 공식으로 계산한 표입니다.
| 활동 | 시간대 | 길이 | 시작 각도 | 차지하는 각도 | 하루 비율 |
|---|---|---|---|---|---|
| 수면 | 00:00~07:00 | 7시간 | 0° | 105° | 29.2% |
| 아침 식사·준비 | 07:00~08:00 | 1시간 | 105° | 15° | 4.2% |
| 오전 공부 | 08:00~12:00 | 4시간 | 120° | 60° | 16.7% |
| 점심 식사 | 12:00~13:00 | 1시간 | 180° | 15° | 4.2% |
| 자유시간·취미 | 13:00~17:00 | 4시간 | 195° | 60° | 16.7% |
| 저녁 식사·휴식 | 17:00~19:00 | 2시간 | 255° | 30° | 8.3% |
| 오후 공부·독서 | 19:00~22:00 | 3시간 | 285° | 45° | 12.5% |
| 취침 준비 | 22:00~24:00 | 2시간 | 330° | 30° | 8.3% |
| 합계 | - | 24시간 | - | 360° | 100.0% |
합계가 24시간, 360°, 100%로 닫히면 빈틈이나 겹침이 없다는 뜻입니다. 직접 만든 계획표도 같은 방식으로 합산해 보면 점검이 됩니다. 이 도구는 만들기 버튼을 누르면 배정 시간, 비어 있는 시간, 겹치는 시간을 도구 위쪽 메시지로 알려 줍니다.
이 페이지만의 작성 예시
야간 근무자. 22:00~06:00 근무를 한 줄로 입력하면 8시간이고 120°입니다. 시작 각도는 22 × 15 = 330°라서 원의 왼쪽 위에서 시작해 맨 위를 지나 오른쪽(90°, 즉 6시)까지 이어집니다. 이렇게 자정을 넘기는 줄은 두 조각으로 나뉘어 그려지지만 범례에는 한 줄로 표시됩니다.
시험 2주 전 중학생. 학교 시간(08:30~16:00)을 먼저 큰 조각으로 넣고, 나머지에서 공부 구간을 1.5~2시간 단위로 끊고 사이에 식사와 휴식을 배치합니다. 한 조각이 너무 길면(예: 4시간 연속 공부) 원에서 지나치게 커 보이므로 휴식 조각을 끼워 넣을 신호가 됩니다.
재택 프리랜서. 업무 시간대를 오전·오후로 나누고 점심, 운동, 가사 시간을 별색으로 넣어 일과 생활이 섞이지 않는지 봅니다. 업무 조각 합이 8시간을 넘는지 범례의 시간대를 보며 가늠해 보세요.
다이얼 위치로 읽는 시각표
원 위에서 시각이 어디에 놓이는지 알아 두면 완성된 그림을 읽기 쉽습니다. 위치는 시각 × 15°로 정해지고, 3시간마다 눈금이 찍힙니다.
| 시각 | 맨 위에서 시계 방향 각도 | 원에서의 방향 |
|---|---|---|
| 0시 | 0° | 위쪽(12시 방향) |
| 3시 | 45° | - |
| 6시 | 90° | 오른쪽(3시 방향) |
| 9시 | 135° | - |
| 12시 | 180° | 아래쪽(6시 방향) |
| 15시 | 225° | - |
| 18시 | 270° | 왼쪽(9시 방향) |
| 21시 | 315° | - |
참고로 30분짜리 낮잠(13:00~13:30)은 7.5°밖에 되지 않아 원에서 아주 얇은 선처럼 보이고, 22:00~06:00 같은 8시간 야간 활동은 120°로 원의 3분의 1입니다. 짧은 활동이 잘 안 보인다면 오류가 아니라 하루 전체에서 차지하는 비중이 작다는 뜻이며, 정확한 길이는 범례의 시간 표기로 확인하세요.
입력값 경계와 특이 케이스
- 시작이나 종료 칸이 하나라도 비어 있으면 그 줄은 계산에서 빠집니다. 활동명만 쓰고 시간을 안 넣으면 범례에도 나타나지 않습니다.
- 활동명을 비워 두면 범례에 "(제목 없음)"으로 표시됩니다. 색만 칠한 구간을 만들 때 쓸 수 있습니다.
- 시각은 분 단위까지 입력할 수 있어 07:30~08:15처럼 45분 활동도 만들 수 있습니다. 이때 각도는 45 ÷ 1440 × 360 = 11.25°입니다.
- 행(줄)은 시작 시각 순으로 정렬해 그리므로 입력 순서는 상관없습니다. 다만 겹침이 있으면 나중에 그려지는 쪽이 위에 보입니다.
- 활동명에 < 같은 특수문자를 넣어도 화면에는 글자 그대로 표시되도록 처리됩니다.
계획표를 설계할 때의 요령
먼저 움직일 수 없는 블록(수면, 학교·출근, 식사)을 넣고, 남은 구간에 가변 블록을 배치하면 균형이 잡힙니다. 한 활동을 2시간 넘게 이어 두기보다 중간에 짧은 휴식 조각을 끼우면 실제 실행 가능성이 높아집니다. 만든 뒤에는 만들기 버튼을 눌러 위쪽 메시지의 배정 시간과 빈 시간을 확인하고, 계획한 수면과 공부 시간이 목표와 맞는지 합산해 보세요. 일주일 동안 써 보고 지키지 못한 구간을 다음 계획표에서 줄이는 식으로 현실에 맞추어 가는 것이 좋습니다.
검산 예시 두 가지
고3 수험생 하루. 수면 00:30~06:30(6시간, 90°), 등교와 수업 08:00~17:00(9시간, 135°), 저녁·휴식 17:00~18:30(1.5시간, 22.5°), 자습 18:30~23:30(5시간, 75°)처럼 입력하면 배정 합계는 21.5시간이고 나머지 2.5시간이 빈 시간(37.5°)으로 남습니다. 빈 시간에 출발 준비나 이동을 넣어 두면 계획과 실제의 차이가 줄어듭니다.
초등학생 방학. 기상 08:00, 아침 08:00~09:00, 공부 09:00~11:00, 놀이 11:00~12:00 식으로 시작하면 오전 4시간(60°)이 4개 조각으로 나뉩니다. 방학 계획표는 학교 계획표처럼 빽빽하게 채우기보다 놀이와 자유 시간을 전체의 3분의 1 정도 남겨 두는 편이 지켜지기 쉽습니다.
빈 시간대와 겹침 처리
- 빈 시간대: 활동이 없는 구간은 연한 회색으로 남습니다. 모든 시간을 채울 필요는 없고, 의도한 여유와 계획이 빠진 구간을 구분하는 용도입니다.
- 겹침: 시간이 겹치는 두 활동은 시작 시각 순서대로 그려지며 나중에 그려진 활동이 위에 덮입니다. 겹친 시간은 위쪽 메시지에 분 단위로 표시되니 시간대를 고쳐 주세요.
- 끝 ≤ 시작: 끝이 시작보다 이르면 자정을 넘기는 활동, 끝이 00:00이면 24시까지, 시작과 끝이 같으면 길이 0이라 건너뜁니다.
인쇄할 때
"인쇄 / PDF로 저장"은 다시 그린 뒤 브라우저 인쇄 창을 엽니다. 입력 폼과 본문은 인쇄 대상에서 빠지고 계획표 카드만 나옵니다. 색 조각이 흐리게 나오면 인쇄 옵션의 "배경 그래픽"을 켜세요. 용지는 A4 세로(210×297mm)에서 한 장에 들어가는 크기이며 배율은 100%를 권장합니다. 흑백으로 뽑을 경우 색이 비슷해 보이니 범례의 시간 글자를 함께 읽으세요.
활용법과 한계
- 같은 기간(방학 첫 주와 마지막 주)의 계획표를 나란히 두고 조각 크기가 어떻게 바뀌는지 비교합니다.
- 수면 조각의 각도로 계획 수면 시간을 바로 확인합니다. 7시간이면 105°입니다.
- 요일마다 일정이 다르면 요일별로 따로 만들어야 합니다. 한 장은 하루 기준입니다.
- 이 도구는 입력을 저장하지 않으므로, 다시 쓰려면 PDF로 저장하거나 화면의 입력값을 따로 적어 두세요.
- 활동명이 길면 범례에서 줄바꿈되며 원 안에는 활동명이 표시되지 않습니다.
함께 쓰면 좋은 도구
하루를 시간 블록으로 더 촘촘하게 짜려면 데일리 타임블로킹 플래너, 학교 시간표는 시간표 생성기, 공부 계획 방식은 타임블로킹으로 공부 계획 세우는 방법, 집중 시간 관리는 뽀모도로 타이머가 어울립니다.
자주 묻는 질문
24시간을 전부 채우지 않아도 되나요?
네, 일부 시간대만 입력해도 됩니다. 입력하지 않은 구간은 연한 회색 빈 칸으로 남고, 만들기 버튼을 누르면 비어 있는 시간이 몇 시간 몇 분인지 알려 줍니다.
자정을 넘기는 활동(예: 23시~다음날 1시)은 어떻게 입력하나요?
시작 23:00, 끝 01:00처럼 끝을 더 이른 시각으로 입력하면 자정을 넘기는 활동으로 처리되어 23:00~24:00와 00:00~01:00 두 조각으로 그려집니다. 범례에는 한 줄로 표시됩니다.
왜 6시가 위쪽이 아니라 오른쪽에 있나요?
이 계획표는 12시간 시계가 아니라 하루 24시간을 한 바퀴로 그린 다이얼이기 때문입니다. 0시가 위쪽, 6시가 오른쪽, 12시가 아래쪽, 18시가 왼쪽입니다.
겹치는 시간이 있으면 어떻게 되나요?
시작 순서대로 덮어 그려지고 겹친 시간은 위쪽 메시지에 분 단위로 안내됩니다. 시간대를 고친 뒤 다시 만들기를 누르세요.
입력한 내용이 저장되나요?
아니요. localStorage나 서버를 쓰지 않으므로 새로고침하면 처음 예시 일정으로 돌아가고, 다른 기기와 동기화되지 않습니다. 필요하면 PDF로 저장하세요.
활동을 몇 개까지 넣을 수 있나요?
개수 제한은 없지만 하루가 1,440분이라 너무 많이 넣으면 조각이 가늘어 읽기 어렵습니다. 한 장에 8~12개 안팎이면 범례와 함께 보기에 무난합니다.
색상은 어떻게 정하나요?
활동 줄마다 색상 선택기가 있고 처음에는 8가지 기본 색이 순서대로 들어갑니다. 수면은 어두운 색, 식사는 따뜻한 색처럼 의미를 통일하면 읽기 쉽고, 흑백 인쇄를 고려한다면 범례 시간도 함께 보세요.
만든 계획표를 이미지로 저장할 수 있나요?
이미지 저장 버튼은 없습니다. "인쇄 / PDF로 저장"으로 PDF를 만들거나, 브라우저 화면 캡처 기능을 이용하세요.