https://chromewebstore.google.com/detail/fgkbklaijebjeadmgbmopmdndkfllaoa?utm_source=item-share-cb
IndexedDB에 행동 로그와 스크린샷을 로컬 우선 저장하고, 초안 생성 시에만 텍스트 로그를 Upstage AI로 전송하는 구조를 쓰면, 개발자 없이도 브라우저 녹화만으로 자동화 초안 작성을 시작할 수 있습니다.
개발자 없이 워크플로우 녹화로 SOP 초안을 시작하는 방법은?
업무 매뉴얼 제작에서 가장 시간이 걸리는 구간은 "무엇을 써야 하는가"를 파악하는 단계입니다. 실제 화면 절차를 텍스트로 옮기려면 기억에 의존하거나, 다시 화면을 재현하거나, 동료에게 물어야 합니다.
브라우저 확장 프로그램 방식은 이 구간을 제거합니다. 사용자가 직접 녹화 버튼을 누르고, 실제 작업 흐름을 그대로 진행하면 확장이 클릭, 입력, 페이지 이동 등의 행동 로그를 수집합니다. 녹화가 끝나는 순간 구조화된 행동 시퀀스가 이미 존재합니다.
이 구조의 핵심은 두 가지입니다.
- 사용자가 직접 시작하고 끝내는 녹화만 지원한다 (자동 모니터링 없음)
- 스크린샷은 서버로 전송하지 않고, 텍스트 행동 로그만 초안 생성 시 전달한다
개발자 없이 브라우저 녹화로 업무 매뉴얼 완성하기에서 이 흐름 전체를 구체적으로 확인할 수 있습니다.
행동 로그를 Upstage AI로 전송하여 매뉴얼 초안을 자동 생성하는 구조
초안 자동 생성의 파이프라인은 단계별로 명확합니다.
1단계: 행동 로그 수집
녹화 중 확장 프로그램은 다음 정보를 DOM 분석으로 추출합니다.
- 클릭 대상 요소의 라벨, aria-label, role
- 입력 필드 타입 (비밀번호·주민번호 형태 감지 시 마스킹 처리)
- URL 변화 및 페이지 제목
- 클릭 직전 캡처된 스크린샷 (IndexedDB에만 저장)
2단계: 텍스트 로그만 Upstage Document Parse + Solar Pro 3로 전달
초안 생성 버튼을 누르는 시점에, 수집된 텍스트 행동 로그(JSON 형태)만 API로 전송됩니다. Upstage Document Parse가 로그 구조를 해석하고, Solar Pro 3가 단계별 문장을 생성합니다.
3단계: 에이전트 자기검증
Solar Pro 3는 생성된 초안 각 단계를 원본 행동 로그와 대조합니다. 행동 로그에 존재하지 않는 단계가 초안에 추가되면 해당 절을 플래그 처리합니다. 약한 단계만 재작성 요청이 들어가고, 사용자가 확인 후 수동 수정할 수 있습니다.
4단계: 출력
완성된 초안은 MD, Word, PDF, ZIP 중 선택해서 내보낼 수 있습니다.
| 단계 | 처리 위치 | 전송 여부 |
|---|---|---|
| 스크린샷 캡처 | IndexedDB (로컬) | 전송 안 함 |
| 텍스트 행동 로그 | IndexedDB (로컬) | 초안 생성 시에만 전송 |
| 비밀번호/민감 입력 | 마스킹 처리 후 저장 | 마스킹 상태로도 전송 안 함 |
| AI 초안 결과 | 브라우저 내 표시 | 사용자가 로컬 저장/내보내기 선택 |
IndexedDB에 이미지를 우선 저장하는 크롬 확장 프로그램 설치 및 설정
설치 자체는 단순하지만, 로컬 저장 메커니즘이 어떻게 작동하는지 이해하고 설정하면 보안 의사결정이 명확해집니다.
1단계: 크롬 웹스토어에서 Manual Maker 설치
크롬 웹스토어에서 Manual Maker를 검색하여 무료 설치합니다. 설치 후 확장 아이콘이 툴바에 고정됩니다. 별도 계정 생성 없이 즉시 사용할 수 있습니다.
2단계: 확장 권한 확인
설치 시 요청 권한은 다음과 같습니다.
-
activeTab: 현재 탭의 DOM 읽기 (녹화 중에만 활성) -
storage: IndexedDB에 행동 로그와 스크린샷 저장 -
tabs: 페이지 이동 추적
history, browsingData, identity 권한은 요청하지 않습니다.
3단계: IndexedDB 저장소 확인 방법
크롬 개발자 도구(F12) → Application 탭 → IndexedDB → manual-maker DB를 선택하면 로컬에 저장된 세션 데이터를 직접 확인할 수 있습니다. 스크린샷 Blob과 행동 로그 JSON이 분리된 오브젝트 스토어에 저장됩니다.
4단계: 비밀번호 마스킹 동작 확인
type="password" 속성의 입력 필드는 값을 수집하지 않고, 로그에 [MASKED]로 기록합니다. 주민번호 형태(6자리-7자리 패턴)와 신용카드 번호 패턴도 동일하게 블러 처리됩니다. 이 규칙은 확장 내부 정규식으로 작동하며, 서버 설정에 의존하지 않습니다.
초안 생성 시에만 텍스트 행동 로그를 전송하여 보안을 유지하는 방법은?
이 부분이 보안 관점에서 가장 자주 질문이 나오는 지점입니다.
확장은 녹화 중 외부로 아무것도 전송하지 않습니다. 네트워크 요청은 사용자가 "초안 생성" 버튼을 누르는 시점에 단 한 번 발생합니다.
전송되는 데이터는 텍스트 행동 로그 JSON뿐입니다. 구조는 아래와 같습니다.
{
"session_id": "abc123",
"steps": [
{
"type": "click",
"target_label": "로그인 버튼",
"url": "/login",
"timestamp": 1700000001
},
{
"type": "input",
"target_label": "사용자 이름",
"value": "user@example.com",
"url": "/login",
"timestamp": 1700000002
},
{
"type": "input",
"target_label": "비밀번호",
"value": "[MASKED]",
"url": "/login",
"timestamp": 1700000003
}
]
}
스크린샷 Blob은 포함되지 않습니다. API 전송 페이로드에서 screenshot 키 자체가 없습니다.
Upstage API로 전달된 로그는 초안 생성에만 사용되며, 모델 학습 데이터로 사용되지 않습니다. 이 정책은 Upstage API 이용 약관에 명시된 내용입니다.
보안 팀이 화이트리스트 정책을 운영 중이라면, 승인이 필요한 도메인은 Upstage API 엔드포인트 하나입니다. 다른 외부 서버로의 통신은 발생하지 않습니다.
Free와 Pro 플랜 비교
| 항목 | Free | Pro (일회성 라이선스) |
|---|---|---|
| 매뉴얼 페이지 수 | 10페이지까지 | 무제한 |
| 출력 형식 | MD | MD, Word, PDF, ZIP |
| 에이전트 자기검증 | 포함 | 포함 |
| IndexedDB 로컬 저장 | 포함 | 포함 |
| 비밀번호 마스킹 | 포함 | 포함 |
| 구독 방식 | 무료 | 일회성 영구 라이선스 |
10페이지 이내의 SOP라면 무료 플랜으로 전체 워크플로를 검증해볼 수 있습니다. SOP 작성 자동화 관련 추가 배경도 참고할 수 있습니다.
자주 묻는 질문
녹화 중에 민감한 내부 시스템 화면이 포함되면 어떻게 되나요?
스크린샷은 로컬 IndexedDB에만 저장되고 외부로 전송되지 않습니다. 초안 생성 시 전송되는 텍스트 행동 로그에도 스크린샷 데이터는 포함되지 않습니다. 내부 시스템 URL은 로그에 포함되므로, 민감한 경로가 있다면 초안 생성 전 로그 편집 기능으로 해당 단계를 삭제할 수 있습니다.
Upstage Solar Pro 3가 생성한 초안을 수동으로 수정하면 재검증이 필요한가요?
수동 수정 구간은 에이전트 재검증 대상에서 제외됩니다. 사용자가 직접 편집한 절은 보호 상태로 표시되어, 다음 자기검증 사이클이 돌아도 덮어쓰지 않습니다.
크롬 외 브라우저를 지원하나요?
현재는 크롬(Chromium 기반 포함)만 지원합니다. Firefox와 Safari는 Manifest V3 확장 구조와 IndexedDB API 동작 방식이 달라 별도 대응이 필요하며, 현재 로드맵에 포함되지 않습니다.
DOM 분석이 SPA(단일 페이지 앱)에서도 작동하나요?
React, Vue, Angular 등 SPA 구조에서도 작동합니다. URL 변화 대신 history.pushState 이벤트를 구독하고, 클릭 이벤트는 버블링 방식으로 캡처합니다. 단, 커스텀 웹 컴포넌트가 aria-label이나 role 없이 렌더링된 경우 라벨 추출 정확도가 낮아질 수 있으므로, 해당 단계는 수동 보정이 권장됩니다.
생성된 매뉴얼 데이터는 서버에 저장되나요?
초안 생성 완료 후 결과 텍스트는 브라우저 내에 표시됩니다. 사용자가 내보내기를 선택하지 않으면 서버에 저장되지 않습니다. Manual Maker 서버에 문서를 보관하는 기능은 제공하지 않습니다.
업무 매뉴얼 제작에서 실제로 시간이 걸리는 부분은 절차 파악과 첫 초안 작성입니다. IndexedDB에 스크린샷을 로컬 우선 저장하고, 초안 생성 시에만 텍스트 행동 로그를 Upstage AI로 전달하는 구조는 보안 검토 부담 없이 자동화 초안 작성을 바로 시작할 수 있는 가장 단순한 경로입니다. 크롬 웹스토어에서 무료로 설치하고, 10페이지 이내 SOP부터 전체 흐름을 직접 검증해보는 것이 첫 단계입니다.
Top comments (0)