1. 개요
| 업종 | 직원 수십 명 규모 회사의 인사·재무·경영지원 규정 안내 |
| 시스템 목적 | "연차 며칠이에요?" 같은 반복 질문에 담당자 대신 규정 문서의 해당 문단을 근거와 함께 보여 주고, 문서로 답하지 못한 질문을 모아 문서를 보태게 하는 것 |
| 제작 범위 | 화면 3개(질문하기·문서·질문 기록) + 문서 보기 창 · 기본 규정 문서 6개 · 담당 부서가 정리해 둔 답 6개 |
| 주요 흐름 | 질문 → 정리된 답 + 근거 문단 → 문서에서 보기 / 찾지 못함 → 담당 부서에 넘기기 / 새 규정 올리기 → 바로 검색 / 질문 기록 집계 → CSV |
질문에 맞는 문단은 질문과 문서의 낱말을 비교하는 규칙으로 찾습니다. 자주 묻는 질문은 담당 부서가 미리 정리해 둔 답을 함께 보여 주고, 답마다 근거가 되는 규정 문단을 붙입니다. 문서, 질문 기록, 평가, 넘김 여부는 브라우저에 저장되어 새로고침하거나 다시 들어와도 그대로 남아 있습니다.
범위 밖: 실제 AI 연결(문장 뜻을 이해해 새로 답을 써 주는 기능)은 도입할 때 회사가 쓰는 AI 서비스에 연결합니다. 이 화면은 규칙 기반 문단 찾기와 미리 정리된 답으로 흐름을 보여 줍니다. 그 밖에 PDF·한글 파일 읽기, 회사 계정 로그인과 문서별 열람 권한, 여러 사람이 함께 쓰는 서버 저장, 담당 부서 알림(메일·메신저)도 범위 밖입니다.
2. 과제
1. 같은 질문이 담당자에게 계속 온다.
연차 일수, 숙박비 한도, 장비 신청 방법 — 규정에 다 있는데도 메신저로 묻습니다. 직원이 스스로 찾고, 담당자는 새 질문에만 답해야 합니다.
2. 답만 있고 근거가 없으면 믿지 못한다.
"15일이요"라는 답보다 "휴가 규정 제1조"가 함께 보여야 안심하고 따릅니다. 답 옆에 규정 문단이 붙고, 누르면 문서 안 그 자리가 열려야 합니다.
3. 문서에 없는 질문이 어디에도 남지 않는다.
답하지 못한 질문이 사라지면 규정의 빈틈도 그대로 남습니다. 찾지 못한 질문과 "도움 안 됨" 평가가 모여, 어떤 문서를 보태야 할지 보여야 합니다.
3. 화면 구조
질문하기·문서·질문 기록은 위 메뉴로 오가고, 주소(#/ask 등)가 따로 있어 뒤로 가기가 동작합니다. 문서 보기는 PC에서는 질문 옆에 나란히, 휴대폰에서는 아래에서 올라오는 창으로 열립니다.
4. 주요 기능
정리된 답과 근거 문단
자주 묻는 질문에는 담당 부서가 정리해 둔 답이 먼저 나오고, 그 근거가 되는 규정 문단이 아래에 붙습니다. 질문의 낱말은 문단 안에서 노란색으로 강조됩니다.
문서에서 문단 찾기
정리된 답이 없는 질문은 등록된 규정 문서 전체에서 맞는 문단을 3개까지 찾아 보여 줍니다. "연차·휴가", "노트북·장비"처럼 같은 뜻의 말도 함께 찾고, 조사를 떼고 비교합니다.
근거 문단을 문서 안에서 보기
"문서에서 보기"를 누르면 그 문단이 들어 있는 규정 문서가 열리고, 해당 문단으로 이동해 강조됩니다. 앞뒤 조항을 함께 읽을 수 있어 답의 맥락을 확인할 수 있습니다.
찾지 못한 질문 — 담당 부서에 넘기기
맞는 문단이 없으면 억지로 답하지 않고 "찾지 못했습니다"라고 알려 줍니다. 담당 부서에 넘기면 질문 기록에 표시되고, 메뉴의 처리 대기 숫자가 줄어듭니다.
- 규정 문서 올리기텍스트 파일을 올리면 첫 줄은 제목, 빈 줄로 나뉜 덩어리는 문단으로 읽어 바로 검색에 넣습니다. 빈 파일·문단 없는 파일·기본 문서와 같은 이름은 막고, 올린 문서는 빼낼 수 있습니다.
- 질문 기록과 CSV전체 질문, 문서에서 찾음, 찾지 못함, 도움 됨/아님을 집계하고 질문마다 결과와 근거 문서를 남깁니다. CSV로 내려받아 문서를 보탤 질문과 정리된 답을 새로 쓸 질문을 고릅니다.
5. 기술
| 반응형 | 1100·860px 기준으로 배치가 바뀝니다. PC는 질문 영역과 문서 보기 440px를 나란히, 1100px 아래는 문서 보기 360px, 860px 아래는 메뉴가 세 칸 버튼으로 내려오고 문서 보기가 아래에서 올라오는 창으로, 질문 기록 표는 질문별 카드로 바뀝니다. |
| 글꼴 | 본문 Pretendard(무료 공개 글꼴). 사이트 안에 넣어 외부 요청 없이 불러오고, 쓰인 글자만 남겨 2,010KB → 100KB로 줄였습니다. |
| 이미지 | 사진 없음. 질문 표시·강조·태그는 CSS로 그렸습니다. |
| 움직임 | 휴대폰의 문서 보기 창만 아래에서 올라옵니다. 기기에서 움직임 줄이기를 켜면 전환이 멈추고, Esc로 창을 닫습니다. |
| 접근성 | 질문 칸과 파일 선택에 이름표를 붙이고, 평가 버튼은 눌림 상태를 화면 읽기 프로그램에 전달합니다. 결과 알림과 올리기 결과는 읽어 주는 영역에 표시합니다. 접근성 측정 100점. |
| 사용 기술 | HTML·CSS·JavaScript(외부 라이브러리 없음). 문단 찾기는 글자 두 개씩 끊어 비교하는 방식에 문서 길이 보정을 더한 점수로 순서를 매기고, 질문의 핵심 낱말이 절반 넘게 들어 있지 않으면 찾지 못함으로 처리합니다. 문서·질문 기록은 브라우저 저장소(localStorage)에 저장합니다. |
6. 검수
PC 1440·휴대폰 390 화면에서 실제로 띄워, 사람이 쓰는 순서대로 눌러 본 결과입니다. 저장한 뒤 새로고침하고 다시 조회되는지까지 확인했습니다. (2026-09-23)
| 항목 | PC 1440 | 휴대폰 390 |
|---|
| 화면 오류 | 0 | 0 |
| 깨진 파일 | 0 | 0 |
| 가로 넘침·글자 잘림 | 0 | 0 |
| 동작 시험 | 11 / 11 통과 | 11 / 11 통과 |
동작 시험 11가지: 기본 규정 문서 6개 읽어 들이기 · 자주 묻는 질문(정리된 답·근거 문단·낱말 강조) · 직접 질문으로 문단 찾기(반차 시간, 개인 차량 출장비) · 근거 문단을 문서 안에서 보기(휴대폰 창 닫기 포함) · 찾지 못한 질문 담당 부서에 넘기기 · 도움 됨 평가 저장 · 새 규정 추가 뒤 바로 답하기 · 내 파일 올리기(빈 파일 막기, 올린 문서에서 찾기, 빼기) · 새로고침 뒤 문서·질문·평가 유지 · 질문 기록 집계와 CSV 내려받기 · 뒤로 가기
속도·품질 점수 (100점 만점, 휴대폰은 느린 통신 기준으로 세 번 측정해 같은 값)
| 성능 | 접근성 | 권장사항 | 검색 최적화 |
|---|
| 휴대폰 | 100 | 100 | 100 | 100 |
| PC | 100 | 100 | 100 | 100 |
휴대폰: 첫 화면 표시 0.8초 · 가장 큰 요소 표시 1.8초 · 화면 흔들림 0 · 입력 막힘 0ms PC: 첫 화면 표시 0.2초 · 가장 큰 요소 표시 0.4초 · 화면 흔들림 0 · 입력 막힘 0ms
오토건웍스(AutoGun Works) · 대표 박건우 · 사업자등록번호 342-27-02011 · 경기도 용인시 처인구 남사읍 어진로102번길 92-16 · contact@autogun.co.kr개인정보처리방침 
