사용자 가이드

서명과 현장 클라이언트 서명 확인

서명을 한 번만 그려서 모든 청구서에 첨부하고, 고객이 폰에서 직접 서명하게 하여 두 서명이 PDF에 나란히 인쇄되도록 하는 방법입니다.

업데이트: 2026-09-09

서명이 있는 청구서는 다툼이 시작되기 전에 해결해 줍니다. 누군가의 집에서 작업을 마치고 청구서를 건넬 때, 사용자의 서명은 “이것이 제가 한 작업이고 제가 청구하는 금액입니다”라는 뜻이고, 고객의 서명은 “저는 그 작업을 확인했고 이를 수락합니다”라는 뜻입니다. Invoice Flow는 지금 사용자의 주머니에 있는 그 폰에서 양쪽을 모두 처리합니다. 사용자는 자신의 서명을 한 번 그려두고 재사용하며, 고객은 진입로에 서 있는 그 자리에서 손가락으로 청구서에 서명할 수 있습니다.

이 가이드는 오스틴에서 밴 한 대로 이동식 자동차 정비업을 운영하는 Ray Delgado를 따라갑니다. 그는 고객의 진입로에서 혼다의 브레이크 패드와 로터를 교체하고, 폰에서 청구서를 열어 저장된 서명을 탭해 올린 다음, 짐을 싸기 전에 고객에게 서명을 부탁합니다. 1분 후 고객이 받는 PDF에는 이름, 날짜, 장소와 함께 두 서명이 모두 담겨 있습니다.

앱에는 “서명”이라고 불리는 서로 다른 두 가지가 있으며, 이를 구분해 두면 도움이 됩니다.

화면에 보이는 것

사용자의 서명은 작은 라이브러리에 보관됩니다. 도구(Tools) 탭을 열고 마지막 행의 카드까지 스크롤해 서명(Signature)을 탭합니다. 서명(Signatures) 화면에는 By Profile, Uncategorized, 그리고 휴지통 아이콘이 있는 세 번째 탭, 총 세 개의 탭이 있습니다.

각 서명 카드에는 그림의 흰색 썸네일, #2C736923과 같은 짧은 코드, 지정한 이름, 생성된 날짜와 시각, 작은 모노스페이스 텍스트로 표시된 이미지 전체 SHA-256 해시가 나타납니다. 오른쪽의 점 세 개 버튼은 해당 카드의 동작 메뉴를 열고, 카드의 다른 부분을 탭하면 상세 화면이 열립니다. 모서리의 + 버튼으로 새 서명을 시작합니다.

By Profile은 서명이 하나 이상 있는 모든 사업체 프로필을 나열하며, 서명이 없는 프로필은 표시되지 않습니다. Uncategorized는 어떤 프로필에도 연결되지 않은 서명을 보여주는데, 청구서 편집기에서 즉석으로 그린 서명이 여기로 들어갑니다. 휴지통 탭은 삭제한 서명을 보관하여 필요할 때 되돌릴 수 있게 합니다.

서명이 나타나는 다른 위치는 문서 자체 내부에도 있습니다. 청구서 편집기의 서명(Signature) 카드, 사업체 프로필 편집기의 서명(Signature) 상자, 청구서 상세 화면의 오버플로 메뉴에 있는 Client sign-off 항목입니다.

서명을 그리고 저장하는 방법

Ray는 첫 작업 전, 조용한 저녁에 서명을 한 번만 설정해 둡니다.

1. 도구(Tools)를 열고 서명(Signature) 카드를 탭합니다.
2. 오른쪽 하단의 + 버튼을 탭합니다.
3. New Signature 대화 상자의 Name에 이름을 입력합니다. 예를 들어 본인의 전체 이름이나 "Workshop stamp" 같은 것입니다. 비워두면 앱이 현재 날짜와 시각으로 이름을 붙입니다.
4. Link to profiles: 아래에서 이 서명이 속한 사업체 프로필에 체크합니다. 프로필이 하나뿐이면 이미 체크되어 있습니다. 모든 상자를 비워두면 서명은 Uncategorized로 분류됩니다.
5. Draw를 탭합니다.

Draw Signature 패드가 열립니다. 세로로 든 폰을 기준으로 설계되어 있습니다. 흰색 캔버스는 세로로 길며, 왼쪽 가장자리에 흐릿한 TOP 표시가, 오른쪽에 BOTTOM 표시가 있습니다. 왼쪽 가장자리가 위를 향하도록 폰을 옆으로 돌리고 평소처럼 서명하면, 저장할 때 앱이 그림을 다시 회전시켜 줍니다. 상단의 배너가 이를 알려줍니다.

1. TOP 표시가 위쪽에 오도록 폰을 돌리고 흰색 영역에 손가락으로 서명합니다. 손가락을 뗐다가 다시 획, 점, 밑줄을 추가할 수 있습니다.
2. 마음에 들지 않으면 상단 바의 휴지통 아이콘을 탭해 캔버스를 지우고 다시 시작합니다.
3. Save를 탭합니다. 무언가를 그린 후에야 버튼이 활성화됩니다.

저장 후 새 카드가 연결한 프로필 아래에 나타납니다. 저장된 이미지는 흰색 배경의 600x200 픽셀 PNG입니다. 앱은 그린 획에 맞춰 자르고, 회전시키고, 작은 여백을 두고 맞춰 크기를 조정하므로, 캔버스 한쪽 구석에 작게 그린 서명도 이미지를 가득 채우게 됩니다.

카드를 탭하면 상세 화면이 열립니다. 그림 외에도 Short Code, Name, 정확한 Created 타임스탬프, Linked profiles, Used in invoices 건수, 복사 버튼이 있는 전체 SHA-256 해시를 볼 수 있습니다. Ray의 메인 서명은 지금까지 세 건의 청구서에 사용되었습니다.

청구서에 서명을 올리는 방법

서명은 전역이 아니라 청구서별로 첨부됩니다. Ray는 발행하는 모든 청구서에 대해 이 작업을 하며, 앱은 그 선택을 청구서와 함께 기억합니다.

1. 편집기에서 청구서를 엽니다(새로 만들거나 기존 것에서 Edit를 탭).
2. 항목, 합계, 사진 첨부를 지나 서명(Signature) 카드까지 스크롤합니다. 선택하기 전까지는 Not selected라고 표시됩니다.
3. 카드를 탭합니다. 서명 선택(Select Signature) 시트가 올라옵니다.
4. 저장된 서명을 탭해 첨부하거나, 새로 그리기(Draw new)를 탭해 패드를 열고 지금 바로 서명합니다.
5. 임시 저장(Save Draft) 또는 하단의 발송 버튼으로 청구서를 저장합니다.

서명을 첨부하면 카드에 작은 썸네일과 이름, 그리고 빨간 x가 표시됩니다. x를 탭하면 **Remove signature?**라고 묻고, Remove를 누르면 이 청구서에서만 서명이 분리됩니다. 서명 자체는 라이브러리에 그대로 남습니다.

이 시트의 새로 그리기(Draw new)는 빠른 경로입니다. 패드가 열리고 서명을 하면, 앱이 현재 날짜와 시각으로 이름 붙인(예: “2026-09-02 16:48”) 새 라이브러리 항목으로 그림을 저장하고 즉시 첨부합니다. 아무것도 연결하지 않았으므로 Uncategorized 탭에 들어갑니다. 나중에 서명 화면에서 이름을 바꾸고 프로필에 연결할 수 있습니다.

사업체 프로필에 서명을 설정하는 방법

사업체 프로필 편집기에는 로고 선택기 바로 아래, 상단 근처에 자체 서명(Signature) 상자가 있습니다. Ray는 프로필 세부 정보를 확인할 때마다 보이도록 메인 서명을 여기에 둡니다.

1. 설정(Settings)을 열고 사업체 프로필을 선택해 Edit Business Profile로 이동합니다.
2. 흰색 서명(Signature) 상자를 탭합니다. 비어 있으면 그리기 패드가 열립니다. 서명하고 Save를 탭합니다.
3. 이미 서명이 있으면 상자는 대신 Your signature 보기를 열며, Remove signature 버튼 하나만 있습니다. 제거하려면 두 번 확인해야 합니다.
4. 맨 아래로 스크롤해 Save changes를 탭합니다. 이를 탭하기 전까지는 아무것도 저장되지 않습니다.

프로필과 라이브러리는 서로 동기화된 상태를 유지합니다. 여기서 서명을 그리고 프로필을 저장하면, 앱은 그 프로필에 이미 연결된 라이브러리 항목을 업데이트하거나, “<프로필 이름> — signature”라는 이름의 새 항목을 만들어 연결합니다. 서명을 제거하고 저장하면, 라이브러리 항목은 프로필에서 연결만 해제될 뿐 삭제되지 않습니다. 그리고 프로필에 자체 그림은 없지만 라이브러리에서 연결된 서명이 있다면, 편집기는 그 연결된 서명을 보여줍니다.

현장에서 클라이언트 서명 확인을 받는 방법

이것은 Ray가 모든 진입로 작업이 끝날 때마다 사용하는 부분입니다. 고객이 그의 폰에서 완성된 청구서에 서명하면, 이름, 날짜, 장소가 문서에 찍힙니다.

1. 문서 목록에서 청구서를 열어 상세 화면으로 이동합니다.
2. 오른쪽 상단의 점 세 개 메뉴를 탭하고 Client sign-off를 선택합니다.
3. Signer name에 고객의 이름을 입력하고, PDF에 표시하고 싶다면 Place (optional)에 장소를 입력합니다.
4. Sign을 탭하고 폰을 고객에게 건넵니다. 같은 그리기 패드가 열리며, 옆으로 서명하고 Save를 탭합니다.
5. Client sign-off saved 메시지로 확인됩니다. 메뉴 항목은 이제 View client sign-off로 바뀝니다.

나중에 View client sign-off를 탭하면 “Karen Whitlock · 08.09.2026 · Austin, TX”와 같은 문구와 함께 그려진 서명, Close 버튼, Remove sign-off 버튼이 표시됩니다. 제거하면 서명, 이름, 날짜, 장소가 청구서에서 한 번에 모두 지워지며 별도의 재확인이 없으므로 주의해서 다루세요.

PDF에 서명이 인쇄되는 방식

두 서명 모두 문서 하단의 얇은 구분선 아래 블록에 PDF 템플릿이 배치합니다. 사용자의 서명은 왼쪽에 대략 150x50포인트 크기로 배치되며 그 아래에 “Authorized Signature”라는 캡션이 붙습니다. 클라이언트의 서명은 오른쪽에 배치되며, “Accepted by client” 캡션과 함께 서명자 이름, day.month.year 형식의 날짜, 장소를 점으로 연결한 한 줄이 표시됩니다. 입력하지 않은 항목은 그 줄에서 빠집니다. 청구서에 둘 중 하나만 있으면 그쪽만 인쇄되며, 둘 다 없으면 블록 자체가 생략됩니다.

두 캡션 모두 편집기에서 선택한 청구서 언어를 따르므로, 스페인어 청구서에는 영어 문구 대신 “Aceptado por el cliente”가 표시됩니다. 인쇄되는 서명은 청구서 편집기의 서명(Signature) 카드를 통해 첨부한 것이며, 프로필 서명은 프로필 편집기를 위한 편의 기능일 뿐 이를 대신하지 않습니다.

규칙 및 세부 사항

• Pro: Signatures 화면의 + 버튼으로 서명을 새로 만드는 것은 Pro 동작입니다. 이름 변경, 연결, 세부 정보 보기, 휴지통으로 이동, 복원, 영구 삭제는 그 자체로는 제한되지 않습니다. 청구서 편집기와 프로필 편집기는 각자 자체 접근 규칙을 따릅니다.
• 펜과 캔버스: 앱 테마와 관계없이 획은 검정색, 3픽셀 두께이며 흰색 캔버스 위에 그려집니다. 한 번 탭하면 점이 남습니다. 저장된 이미지는 항상 20픽셀 여백을 가진 600x200 픽셀입니다.
• 회전: 패드는 폰의 왼쪽 가장자리가 위를 향하도록 돌린 상태에서 서명하기를 기대합니다. 세로 상태로 평소처럼 서명하면 저장된 이미지가 회전된 상태로 나옵니다. 이런 일이 생기면 지우고 다시 그리세요.
• Save는 비활성화 상태로 시작되며 최소 한 점 이상 그려야 활성화됩니다. 이미지 인코딩에 실패하면 “Failed to save signature”가 표시되고 패드에 그대로 머무릅니다.
• 이름: New Signature 대화 상자에서 이름을 비워두면 현재 날짜와 시각이 사용됩니다. 나중에 카드 메뉴의 Rename으로 이름을 바꿀 수 있으며, 새 이름을 비워두면 무시됩니다.
• 짧은 코드와 해시: 해시는 서명이 생성되거나 이미지가 교체될 때 계산되는 PNG 바이트의 SHA-256이며, 짧은 코드는 그 앞 8자를 대문자로 표시한 것입니다. 서로 다른 두 그림이 같은 코드를 공유하는 일은 없습니다. 앱은 이를 참고용으로 보여줄 뿐, 이후에 서명을 이것으로 검증하지는 않습니다.
• 연결은 다대다입니다. 하나의 서명은 Manage profiles를 통해 여러 프로필에 연결할 수 있습니다. By Profile 탭에서 빨간색 동작은 Remove from this profile이며 연결만 해제합니다. 연결이 하나도 남지 않은 서명은 휴지통이 아니라 Uncategorized로 이동합니다. Uncategorized 탭에서 빨간색 동작은 Move to trash입니다.
• 삭제 확인은 의도적으로 까다롭습니다. 대화 상자에 무작위 다섯 자리 코드가 표시되며, 정확히 입력해야 Delete 버튼이 활성화됩니다.
• 휴지통: 휴지통으로 보낸 서명은 청구서 편집기의 선택기와 프로필 탭에서 숨겨지지만, 이미 그 서명을 사용한 청구서는 계속 인쇄됩니다. Restore로 되돌릴 수 있고, Delete permanently는 완전히 제거하며 그 서명을 참조하던 모든 청구서에서도 지워지므로 이후 해당 PDF에는 승인 서명 없이 인쇄됩니다.
• 상세 화면의 Used in invoices는 현재 이 서명을 가리키는 청구서 수이며 보관된 청구서도 포함됩니다.
• Client sign-off는 라이브러리가 아니라 해당 청구서에만 저장되며, 청구서당 하나입니다. 저장 시 현재 날짜와 시각이 찍힙니다. 청구서를 수정해도 그대로 유지되며, 청구서와 함께 백업에 포함됩니다.
• 복제되거나 변환된 문서는 클라이언트 서명 확인 없이 시작됩니다. 수락은 고객이 실제로 본 문서에 속하는 것이기 때문입니다.

팁

관련 가이드

• 송장 편집기 — 다른 청구서 필드들 사이에 Signature 카드가 있는 위치.
• PDF 미리보기, 공유 및 편집기 — 문서를 보내기 전에 서명 블록을 확인하세요.
• 시작하기: 사업체 프로필 — 소유자 서명을 담고 있는 프로필 편집기.