1. 개요
| 업종 | 주간 회의·기획 회의가 잦은 온라인 판매·서비스 팀 |
| 사이트 목적 | 회의 원문과 정리된 결정·할 일을 나란히 놓고, 빠진 담당·기한을 채우고 진행 상태를 관리해 할 일 목록으로 내보내는 화면 |
| 제작 범위 | 첫 화면 1개 · 회의 3건(원문 7~16줄) · 결정·제안·보류 구분 · 할 일 담당·기한·상태 |
| 주요 흐름 | 회의 고르기 → 정리 요약 확인 → 근거 원문 보기 → 담당·기한 채우기 → 진행 상태 → 원문 줄로 할 일 추가 → 할 일 CSV·회의록 TXT |
결정 구분, 할 일 담당·기한·진행 상태, 추가·삭제한 할 일, 보던 회의는 브라우저에 저장됩니다. 새로고침하거나 다시 들어와도 그대로 남아 있습니다.
범위 밖: 녹음을 글로 받아쓰기, 실제 AI 연결 — 회의 3건의 결정·할 일 정리는 미리 넣어 둔 결과이고, 할 일 후보 줄·담당·기한 찾기는 낱말 규칙으로 동작합니다. 실제 AI 연결은 도입할 때 연결합니다. 일정 프로그램 등록, 알림 발송, 여러 기기에서 같은 기록을 함께 쓰는 서버 저장도 범위 밖입니다.
2. 과제
1. 회의가 끝나면 누가 뭘 하기로 했는지 흐려진다.
"제가 정리해서 공유드릴게요"는 회의록에 남아도 담당·기한 칸이 비면 잊힙니다. 담당 미정·기한 미정이 몇 건인지 바로 보여야 합니다.
2. 정리본만 보면 근거를 확인할 수 없다.
결정이 정말 결정이었는지, 제안이었는지는 원문을 봐야 압니다. 정리된 줄마다 근거가 된 원문 줄로 바로 가야 합니다.
3. 할 일은 회의록 밖에서 관리된다.
정리한 할 일은 담당자별 목록이나 공유 문서로 옮겨야 합니다. 진행 상태와 함께 파일로 내보낼 수 있어야 합니다.
3. 화면 구조

한 화면에서 회의 원문과 결정·할 일을 나란히 봅니다. 맨 위에서 회의를 고르면 요약(결정·보류·할 일·미정 수)이 바뀌고, 휴대폰에서는 "회의 원문 / 결정·할 일" 버튼으로 두 화면을 오갑니다.
4. 주요 기능

할 일 정리 — 담당·기한·진행 상태
할 일마다 담당·기한·진행 상태(할 일·진행 중·완료)를 고릅니다. 담당이나 기한이 빈 할 일은 맨 위 요약에 "담당 미정 1 · 기한 미정 3"처럼 세어 보여 줍니다.

원문에서 찾은 기한 넣기
기한이 빈 할 일은 근거 원문에서 "이번 주 금요일", "9월 29일까지" 같은 표현을 찾아 회의 날짜 기준 날짜(2026-09-25)로 바꿔 제안합니다. 누르면 들어가고 "원래: 기한 미정"이 남습니다.

근거 원문 보기
결정과 할 일마다 "원문" 버튼이 있어, 누르면 근거가 된 원문 줄이 강조됩니다. "하겠습니다·까지·부탁" 같은 표현이 있는 줄은 할 일 후보로 표시됩니다.

결정 · 제안 · 보류 구분 바꾸기
정리된 줄의 구분을 바꾸면 "원래 제안"처럼 처음 구분이 남고 요약 숫자가 바뀝니다.
- 원문 줄로 할 일 추가원문 줄을 골라 할 일로 추가하면, "○○ 담당이 맡아"·"하겠습니다" 같은 표현으로 담당을, 날짜 표현으로 기한을 채웁니다. 직접 추가한 할 일은 표시가 붙고 삭제할 수 있습니다. 할 일은 CSV로, 회의록은 [결정]·[할 일] 구분이 붙은 TXT로 내려받습니다.
5. 기술
| 반응형 | 1100·900px 기준으로 배치가 바뀝니다. PC는 원문과 정리가 나란히, 1100px 아래는 할 일 줄의 칸을 줄여 상태를 아래로 내리고, 900px 아래는 원문/정리 버튼으로 한쪽씩 보며 할 일 칸이 한 줄씩 쌓입니다. |
| 글꼴 | 본문 Pretendard, 제목·시각 Fraunces(둘 다 무료 공개 글꼴). 이 화면에 쓰인 글자만 남겨 두 파일 합쳐 204KB로 줄였습니다. |
| 이미지 | 사진이 없는 업무 화면입니다. 어두운 바탕은 긴 원문을 오래 읽어도 눈부시지 않게 골랐습니다. |
| 움직임 | 근거 원문 줄로 부드럽게 이동하는 스크롤과 알림 문구 외에는 움직임을 넣지 않았습니다. 기기에서 움직임 줄이기를 켜면 멈춥니다. |
| 접근성 | 모든 선택 칸에 이름표를 붙였고, 원문 줄은 버튼이라 키보드로 고를 수 있습니다. 요약 숫자는 바뀔 때 읽어 줍니다. 접근성 측정 100점. |
| 사용 기술 | HTML·CSS·JavaScript(외부 라이브러리 없음). 기한·담당 찾기는 브라우저 안의 낱말 규칙으로 동작합니다. 정리 결과는 브라우저 저장소(localStorage)에 저장하고, 할 일 CSV·회의록 TXT로 내려받습니다. |
6. 검수
PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)
| 항목 | PC 1440 | 휴대폰 390 |
|---|
| 화면 오류 | 0 | 0 |
| 깨진 파일 | 0 | 0 |
| 가로 넘침·글자 잘림 | 0 | 0 |
| 동작 시험 | 14 / 14 통과 | 14 / 14 통과 |
동작 시험 14가지: 첫 화면 표시 · 정리 요약과 미정 표시 · 할 일 후보 줄 표시 · 근거 원문 보기 · 원문에서 찾은 기한 넣기 · 담당 정하기 · 할 일 진행 상태 · 결정·제안·보류 구분 바꾸기 · 원문 줄로 할 일 추가(담당·기한 규칙) · 할 일 삭제 · 새로고침 뒤 유지 · 할 일 CSV · 회의록 TXT · 처음 정리로 되돌리기
속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)
| 성능 | 접근성 | 권장사항 | 검색 최적화 |
|---|
| 휴대폰 | 99 | 100 | 100 | 100 |
| PC | 100 | 100 | 100 | 100 |
휴대폰: 첫 화면 표시 1.5초 · 가장 큰 요소 표시 2.1초 · 화면 흔들림 0.000 · 입력 막힘 0ms PC: 첫 화면 표시 0.3초 · 가장 큰 요소 표시 0.4초 · 화면 흔들림 0.000 · 입력 막힘 0ms
오토건웍스(AutoGun Works) · 대표 박건우 · 사업자등록번호 342-27-02011 · 경기도 용인시 처인구 남사읍 어진로102번길 92-16 · contact@autogun.co.kr개인정보처리방침