튜토리얼 스크린샷에서 민감한 정보를 가리는 방법

튜토리얼 스크린샷은 공유를 전제로 만들어지므로 데이터가 쉽게 새어 나갑니다. 사이드바의 이름, 헤더의 이메일, 주소창의 토큰은 가이드의 모든 사본에 함께 복사됩니다.

이 글은 튜토리얼에 민감한 데이터가 들어가지 않도록 준비하는 방법과, 이미 포함된 데이터를 제거하는 방법을 설명합니다. 예시는 Mac에서 Temposhot Document 편집기를 사용하는 기준입니다.

예시는 웹 회계 앱에서 청구서 알림을 설정하는 방법을 다룬 15단계 가이드입니다. 첫 초안에는 노출 항목이 9개 있었습니다. 아래 각 섹션은 이 중 하나 이상이 어떻게 발견되고 제거되었는지 보여줍니다.

캡처 전에 안전한 데이터 사용

가장 안전한 가리기는 실제 데이터가 아닌 데이터를 쓰는 것입니다. 녹화 전에 화면을 다음과 같이 준비합니다.

• "Sample Customer" 같은 가짜 이름과 예시 이메일 도메인이 들어 있는 테스트 계정으로 로그인함.
• 이메일, 채팅, 캘린더, 비밀번호 관리자 창을 닫음.
• 알림 배너가 나타나지 않도록 macOS Focus 모드를 켬.
• 클릭할 필드의 브라우저 자동 완성 제안을 지우거나 별도 브라우저 프로필을 사용함.
• Action Capture에서 Specific Window 또는 Capture Area를 선택해 다른 앱이 화면에 들어가지 않게 함.

실행 중 비공개 내용을 열기 전에 플로팅 툴바의 Pause capture를 누르고, 끝나면 Resume capture를 누릅니다.

노출되는 브라우저 정보

브라우저 창에는 페이지 내용 외에도 개인 정보가 더 많이 있습니다. 북마크 바에는 내부 도구와 고객 이름이 보이고, 탭 바에는 열린 다른 페이지의 제목이 보이며, 프로필 버튼에는 사진이나 이니셜이 나타날 수 있습니다.

청구서 가이드에서는 저자가 북마크, 확장 프로그램, 탭이 없는 별도 브라우저 프로필을 사용했습니다. 이 방법으로 첫 클릭 전에 15개 단계 모두에서 위험 3개가 제거되었습니다. 깨끗한 프로필은 만드는 데 약 5분이 걸리며, 이후 모든 튜토리얼에서 재사용할 수 있습니다.

실행 중 알림

클릭하는 순간 나타난 알림 배너는 그 단계의 일부가 됩니다. 배너에는 보낸 사람 이름과 메시지의 첫 줄이 표시되는 경우가 많습니다. Focus 모드로 대부분 막을 수 있지만, 캘린더 알림과 시스템 메시지는 나타날 수 있습니다.

배너가 단계에 나타나면 배너가 닫힐 때까지 기다린 뒤 다음 클릭 전에 Capture now를 선택합니다. 수동 캡처 단축키는 기본값으로 Shift+Command+2입니다. 실행이 끝나면 Pages 패널에서 배너가 있는 단계를 삭제하고, 그 뒤에 이어지는 깨끗한 사본을 남깁니다.

비공개 실행을 위한 Action Capture 설정

Configure Action Capture의 설정은 단계에 무엇이 들어갈지 결정합니다. 설정은 Mac에 저장되며 이후 실행에서도 재사용됩니다. 아래 값은 청구서 가이드의 두 번째 녹화에서 사용했습니다.

Capture outside clicks가 꺼져 있으면 다른 앱에서 클릭해도 단계가 생기지 않습니다. Include toolbar in captures가 꺼져 있으므로 플로팅 툴바는 저장된 이미지에 들어가지 않습니다. Specific Window 대상을 쓰면 메뉴 막대와 Wi-Fi 이름도 모든 프레임에서 빠집니다.

파싱된 제목이 이미지 내용을 반복할 수 있음

Parse clicked elements는 macOS 접근성(Accessibility)을 통해 클릭한 컨트롤의 이름을 읽습니다. "Send reminder" 버튼을 클릭하면 Click "Send reminder" 제목이 생깁니다. 고객 행을 클릭하면 고객 이름이 들어간 제목이 생깁니다.

첫 초안의 5단계 제목은 Click "Dana Whitfield"였습니다. 실제 계정의 실제 고객 이름입니다. 나중에 스크린샷은 블러 처리되었지만 제목에는 여전히 고객 이름이 있었습니다. 제목은 내보낸 PDF의 텍스트이므로 이미지와 같은 방식으로 검토해야 합니다.

테스트 계정 준비

실제처럼 보이는 샘플 데이터는 블러 상자보다 가이드를 따라가기 쉽게 만듭니다. 청구서 가이드의 테스트 계정에는 가상의 이름을 가진 고객 6명, example.com 이메일 도메인, 1001부터 시작하는 청구서 번호가 있었습니다. 고객 목록을 보여주는 페이지 3개는 이 계정으로 다시 캡처했습니다.

계정을 준비하는 데 약 20분이 걸렸습니다. 같은 고객 목록 3페이지를 블러 처리하면 한 번은 더 짧게 걸리지만, 가이드를 업데이트할 때마다 블러를 다시 해야 합니다.

보이는 위험 전부 찾기

각 페이지를 훑으며 다음 항목을 찾습니다. 가장자리의 작은 글씨도 포함합니다.

분류	숨은 위치
개인 이름과 사진	사이드바, 댓글, 아바타, "last edited by"
연락처	헤더, 프로필 메뉴, 입력 필드
계정 및 주문 번호	표, URL, 페이지 제목
자격 증명과 토큰	주소창 쿼리 문자열, 설정 페이지, 터미널 출력
내부 정보	프로젝트 이름, 다른 고객사, 내부 URL
기기 정보	메뉴 막대 항목, Wi-Fi 이름, 사용자 이름이 포함된 파일 경로

캔버스를 확대해 작은 글씨를 확인합니다. 확대는 보기만 바꾸며 내보내기 크기는 바꾸지 않습니다.

청구서 가이드의 노출 항목 9개 위치

검토는 페이지 순서대로, 각 모서리를 확대해 진행했습니다. 대부분의 노출은 저자가 녹화 중 보지 않은 위치에 있었습니다. 주소창에만 2개가 있었습니다.

5단계의 제목은 고객 이름 노출에 포함되므로 총계는 9개로 유지됩니다. 이미지만 고치고 제목을 두면 이름이 가이드에 남습니다.

주소창과 쿼리 문자열

웹 앱은 URL에 식별자를 넣습니다. /customers/48213/invoices 같은 경로는 실제 고객 ID를 노출합니다. ?session= 또는 ?token= 같은 쿼리 문자열에는 계정 접근을 허용하는 값이 들어 있을 수 있습니다.

청구서 가이드의 12단계 주소창에는 토큰이 포함된 전체 재설정 링크가 보였습니다. 이 단계에는 페이지만 필요했습니다. 주소창 아래에서 시작하는 Capture Area 대상을 썼다면 모든 URL이 가이드에서 빠졌을 것입니다.

이미지 밖의 텍스트 필드

Document의 페이지에는 이미지 옆에 Page title과 Description이 있습니다. 설정에 포함되어 있으면 두 항목 모두 PDF 내보내기에 나타납니다. "Open Dana's account and select Reminders" 같은 설명은 스크린샷과 같은 이름을 드러냅니다.

설명에서 이미지에 보이는 모든 이름과 번호를 검색합니다. 내보내기 파일 이름도 확인해야 합니다. 이미지 내보내기 파일은 페이지 제목을 따서 이름이 붙습니다.

샘플 데이터, 자르기, 블러, 삭제 중 선택

위험에 맞는 방법을 고릅니다.

위험	방법
여러 페이지에 나타나는 데이터	샘플 데이터로 다시 캡처
단계에 필요한 영역 밖의 데이터	Framing으로 자르기
필요한 영역 안의 작은 필드	블러
자격 증명, 토큰, 복구 코드	값을 가린 상태로 다시 캡처하거나 페이지 삭제

블러는 편리하지만, 자르기와 다시 캡처는 되돌릴 수 있는 원본을 남기지 않습니다. 접근 권한을 주는 항목은 다시 캡처합니다.

순서대로 방법 고르기

위 표는 짧은 질문의 순서로 바꿀 수 있습니다. 앞 방법일수록 원본이 남지 않으므로 질문은 이 순서로 합니다. 블러는 마지막에 둡니다.

페이지를 삭제해야 하는 경우

일부 페이지는 녹화 중에 우연히 담긴 것뿐입니다. 받은 편지함의 확인 이메일이나 복구 코드를 보여주는 페이지는 독자에게 주는 정보가 적으면서 위험은 가장 큽니다. 이런 페이지는 삭제하고, 설명은 다음 페이지의 Description에 씁니다.

Pages 패널에서 페이지를 우클릭하고 Delete page를 선택합니다. 나머지 단계의 순서는 유지됩니다. PDF 내보내기에서 Step numbers가 켜져 있으면 번호는 새 페이지 순서를 따릅니다.

12단계의 세션 토큰은 순서가 중요한 이유를 보여줍니다. 첫 번째 내보내기에서는 블러로 가려졌지만, Document 안의 원본 이미지에는 토큰이 여전히 남아 있었고 해당 토큰은 유효한 상태였습니다. 세션을 로그아웃한 뒤 페이지를 다시 캡처했습니다.

작업 맥락을 남기며 자르기

자르기는 위험을 제거하면서 독자의 시선도 한 영역에 모읍니다. Document 편집기에서 F를 눌러 Framing을 엽니다.

Action Capture 페이지에서는 Focus on action이 클릭 지점 주변 영역을 맞춥니다. 레벨은 Wide에서 Tight까지 있으며, Close와 Tight는 주변 대부분을 제거합니다. 그 밖의 페이지에서는 Custom을 선택하고 영역을 드래그한 뒤 Apply framing을 선택합니다.

독자가 컨트롤을 찾을 수 있을 만큼 맥락을 남깁니다. 패널 제목, 툴바, 대화상자 헤더가 여기에 해당합니다. 너무 좁게 자르면 어느 화면인지 알 수 없게 되어 문제가 다른 문제로 바뀝니다. 각 컨트롤의 설명은 주석 및 프레이밍 가이드에 있습니다.

1단계와 15단계의 메뉴 막대 자르기

1단계와 15단계는 Full Screen 대상으로 찍은 짧은 두 번째 실행에서 나왔습니다. 두 장 모두 macOS 메뉴 막대에 Wi-Fi 이름과 사용자 이니셜이 보였습니다. Custom 프레임으로 위쪽 40픽셀과 오른쪽 패널을 제거했습니다.

Show full image를 선택하면 자르기가 해제되고, 원본 스크린샷은 그대로 남아 있습니다. 자르기는 내보내기 결과를 보호하며 Document 파일은 바꾸지 않습니다.

클릭 페이지에서 Framing 레벨 사용

가이드의 Action Capture 페이지에는 클릭 지점이 있으므로 Framing은 그 지점을 중심으로 확대할 수 있습니다. 레벨 3인 Balanced는 대부분의 페이지에서 패널 제목과 클릭한 버튼을 유지했습니다. 계정 이름이 있는 사이드바가 여전히 보이는 2개 페이지는 레벨 4인 Close로 옮겼습니다.

레벨 변경은 Tighter framing 또는 Wider framing을 한 번 누를 때마다 한 단계씩 바뀝니다. 독자가 여전히 어느 화면인지 알 수 있는지 확인합니다. Close에서 패널 제목이 사라지면 **Adjust framing…**을 사용하고 Custom으로 바꿔 제목은 남기고 사이드바만 자릅니다.

민감한 영역에 블러 적용

B를 누르면 Blur(Pro)가 선택되며, 필드 위를 드래그합니다. V로 블러를 선택한 뒤 Object Inspector에서 강도를 조절합니다. 보이는 문자만 덮지 말고 필드 너비 전체를 덮어 값의 길이가 드러나지 않게 합니다.

완성된 블러는 Command+C로 복사하고, 같은 필드가 같은 위치에 나타나는 다른 페이지에서 Command+V로 붙여 넣습니다. 레이아웃이 바뀔 수 있으므로 페이지마다 위치를 확인합니다.

Document 밖의 단일 스크린샷은 브라우저 도구 Image Redaction Tool에서 가릴 수 있습니다. 이미지는 사용자의 기기 안에 남습니다. 두 방식의 차이는 이미지 가리기와 개인정보 블러를 참고합니다.

실용적인 블러 설정

Blur strength는 2에서 80까지이며 기본값은 12입니다. 기본값은 작은 크기의 얼굴과 아바타에 맞습니다. 텍스트는 내보내기 크기에서 글자 모양이 보이지 않을 때까지 값을 올립니다.

Opacity는 모든 주석에 적용되며 범위는 5에서 100퍼센트입니다. 불투명도를 낮추면 원래 텍스트가 비칩니다. 블러는 100퍼센트로 유지합니다.

한 블러를 여러 페이지에 재사용

로그인한 이메일은 2단계와 9단계에서 헤더의 같은 위치에 있었습니다. 블러를 복사하면 강도와 크기가 동일하게 유지됩니다. 다만 스크롤된 페이지는 헤더가 몇 픽셀 움직일 수 있으므로 위치는 확인해야 합니다.

붙여 넣은 뒤에는 원본 블러와 Position and size 값(X, Y, W, H)을 비교합니다. 헤더가 움직였다면 붙여 넣은 블러를 드래그해 필드를 완전히 덮습니다.

실패하는 블러 습관

약한 가리기는 대부분 몇 가지 습관에서 생깁니다. 아래 목록은 첫 초안 검토에서 발견된 항목을 모은 것입니다. 각 항목은 값의 일부를 읽히거나 추측 가능한 상태로 남겼습니다.

안전한 사본 내보내기

Document에서 내보냅니다. Export PDF와 More export formats(PNG, JPG, WebP 페이지, ZIP 패키지)는 현재 framing과 주석(블러 포함)을 적용해 페이지를 렌더링합니다.

원본 픽셀이 남아 있는 곳은 두 곳입니다.

• Document 자체. 주석은 원본을 바꾸지 않으므로 Document 안의 원본 이미지는 가려지지 않은 상태입니다. Document 파일이 아니라 내보낸 파일만 공유합니다.
• Capture History. 세션 프레임의 ZIP 내보내기에는 편집되지 않은 원본 파일이 들어 있습니다. 프레임에 주석이나 framing이 있으면 Temposhot이 이를 경고합니다.

모든 형식은 Documents 내보내기 가이드에 정리되어 있습니다.

원본 픽셀이 남은 위치

가리기 작업 후 Mac에는 청구서 가이드가 세 곳에 남아 있습니다. 공유해도 되는 것은 그중 하나뿐입니다. 아래 트리에서 각 위치에 무엇이 있는지 확인합니다.

독자에 맞는 내보내기 형식 고르기

PDF는 제목, 설명, 렌더링된 페이지가 하나의 파일에 들어 있어 대부분의 독자에게 적합합니다. PNG, JPG 또는 WebP 페이지는 페이지마다 파일 하나가 생기며, 파일 이름은 페이지 제목을 따릅니다. ZIP 패키지에는 렌더링된 PNG 페이지와 document.json 파일이 들어 있습니다.

팀 밖으로 ZIP 패키지를 보내기 전에 document.json을 엽니다. 이 파일은 Document를 설명하므로 페이지 제목이나 설명에 한때 들어 있던 이름이 있는지 확인합니다. 외부 독자에게는 PDF가 더 간단한 선택입니다.

주석이 달린 프레임이 있는 세션에서 캡처 ZIP을 내보내면 Temposhot이 먼저 묻습니다. 공유용 파일이 목적이면 Cancel을 선택합니다. 가리지 않은 원본 파일 세트는 Export original files로 만듭니다.

가려지지 않은 세션 정리

Document를 만든 뒤에도 원본 세션은 Capture History에 남아 있습니다. Document는 모든 이미지의 사본을 따로 보관합니다. 세션을 삭제하면 세션에 저장된 프레임이 Mac에서 제거되며 Document는 바뀌지 않습니다.

청구서 가이드의 첫 녹화에는 실제 세션 토큰과 실제 고객 이름이 있었습니다. 가리기 작업 후 해당 세션을 삭제해 필요 없는 마지막 사본을 제거했습니다. Capture History는 기본적으로 30개의 세션을 보관하므로 오래된 세션은 시간이 지나면서 함께 제거됩니다.

최종 공유 버전 검토

편집기가 아니라 내보낸 파일을 열고, 독자가 보게 될 크기에서 검토합니다. 표지와 마지막 페이지를 포함해 모든 페이지를 확인합니다. 제목과 설명도 읽습니다. 스크린샷이 가린 이름을 제목이나 설명이 반복하는 경우가 있기 때문입니다.

조직 밖으로 나가는 가이드는 두 번째 사람이 검토하도록 합니다. 처음 보는 독자는 작성자가 더 이상 보지 못하는 이름과 번호를 찾습니다.

검토 과정과 소요 시간

15페이지 PDF의 최종 검토에는 12분이 걸렸습니다. 두 번째 검토자가 10분을 더 쓰고 5단계 제목을 찾았습니다. 아래 타임라인은 사용한 순서입니다.

업데이트로 생기는 새 노출

가이드는 앱이 바뀌면 함께 바뀝니다. 새로 녹화할 때마다 실제 데이터가 캡처될 기회가 새로 생깁니다. 같은 테스트 계정과 브라우저 프로필로 업데이트된 단계를 녹화한 뒤, Pages 패널의 **Add from Capture History…**로 새 프레임을 추가합니다.

새 페이지에는 아직 블러나 framing이 없습니다. 새 페이지에서만 항목 확인을 다시 하고, 같은 필드가 나타나면 기존 블러를 복사합니다. 이전 내보내기는 Document가 바뀌어도 변하지 않으므로 이후 Document를 다시 내보냅니다.

Mac 밖으로 내보내기 전 체크리스트

체크리스트는 이 예시에서 노출 항목이 발견된 모든 위치를 다룹니다. 스크린샷으로 만든 모든 가이드에 적용됩니다.

자주 묻는 질문

블러만으로 민감한 정보를 숨길 수 있나요?

강도를 높게 설정한 블러로 이름과 이메일을 가리는 경우에는 대체로 충분합니다. 비밀번호, 토큰, 짧은 코드는 값을 가린 상태로 다시 캡처합니다.

Temposhot이 가리기를 위해 스크린샷을 업로드하나요?

아니요. 캡처, 편집, 내보내기는 모두 Mac에서 로컬로 실행됩니다. 브라우저 가리기 도구도 이미지를 브라우저 안에서 처리합니다.

어떤 도구가 Pro인가요?

Blur, Click Marker, Step Numbers는 Pro 편집기 도구입니다. Framing은 모든 사용자가 쓸 수 있습니다.

Temposhot Pro 없이 가릴 수 있나요?

예. Framing과 다시 캡처는 무료 요금제에서도 쓸 수 있습니다. 이미지 한 장은 브라우저 도구 Image Redaction Tool에서 라이선스 없이 영역을 블러, 픽셀화 또는 단색 덮기 처리할 수 있습니다.

블러 대신 픽셀화하거나 덮어야 하나요?

이미지 한 장은 Image Redaction Tool에서 블러, 픽셀화, 단색 덮기를 제공합니다. 단색 덮기는 원래 모양의 흔적을 남기지 않으므로 코드처럼 짧은 값에 적합합니다. 블러는 튜토리얼에서 더 자연스럽게 읽히므로, 독자가 있다는 것만 알면 되는 이름과 이메일에 적합합니다.

블러를 지우면 원래 텍스트가 복원되나요?

예. 주석은 아래의 스크린샷을 바꾸지 않으므로 블러를 지우면 원본이 다시 보입니다. 그래서 Document 파일 자체를 공유하면 안 됩니다.

클릭을 명확한 단계별 가이드로 바꾸기

Action Capture는 단일 창이나 영역에서 가이드를 기록하며, 비공개 화면을 위한 일시 정지 컨트롤이 있습니다. Temposhot 다운로드에서 받아 테스트 계정으로 다음 튜토리얼을 녹화합니다.