DocuSign API: 모바일 서명을 위한 '반응형' HTML 문서 생성

슌팡

2026-02-13

3분

DocuSign API를 사용한 모바일 서명 소개

디지털 계약이 끊임없이 진화하는 환경에서 기업은 워크플로를 간소화하기 위해 전자 서명 플랫폼에 점점 더 의존하고 있으며, 특히 모바일 장치에서 사용자는 원활한 경험을 기대합니다. DocuSign의 API는 개발자가 반응형 서명 기능을 애플리케이션에 통합할 수 있도록 지원하는 강력한 도구로 두각을 나타냅니다. 이 접근 방식은 사용자 참여도를 높일 뿐만 아니라 글로벌 표준 준수를 보장하여 대량 거래를 처리하는 기업에게 전략적 선택이 됩니다.

전자 서명 플랫폼을 DocuSign 또는 Adobe Sign과 비교하고 계십니까?

eSignGlobal은 글로벌 규정 준수, 투명한 가격 책정 및 더 빠른 온보딩 프로세스를 갖춘 보다 유연하고 비용 효율적인 전자 서명 솔루션을 제공합니다.

👉 무료 평가판 시작

DocuSign API를 사용하여 반응형 HTML 문서 만들기

비즈니스 관점에서 볼 때 모바일 장치에 대한 전자 서명 최적화는 매우 중요합니다. 업계 보고서에 따르면 현재 계약의 50% 이상이 스마트폰에서 서명되기 때문입니다. DocuSign의 API를 통해 개발자는 다양한 화면 크기에 적응할 수 있는 “반응형” HTML 문서를 만들어 원활한 서명 프로세스를 보장할 수 있습니다. 이는 포기율을 낮출 뿐만 아니라 영업, 인사 및 법률 팀의 운영 효율성을 향상시킵니다.

모바일 서명을 위한 반응형 HTML 구축 단계별 가이드

시작하려면 DocuSign 개발자 계정이 필요하며 REST API에 익숙해야 합니다. 이 프로세스에는 CSS 미디어 쿼리를 사용하여 반응형을 구현하는 HTML 봉투에 서명 의식을 포함하는 것이 포함됩니다. 다음은 구현 방법입니다.

API를 통해 DocuSign 봉투 설정: 먼저 OAuth 2.0을 사용하여 인증합니다. Envelopes: create 엔드포인트를 사용하여 봉투를 생성합니다. documentBase64 매개변수를 인코딩된 HTML 콘텐츠로 설정하여 문서를 HTML 파일로 지정합니다. 모바일 최적화를 위해 HTML에 <meta name="viewport" content="width=device-width, initial-scale=1.0">와 같은 뷰포트 메타 태그가 포함되어 있는지 확인하여 크기 조정을 제어합니다.

API 호출 예시(cURL 사용):

curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes \
-H "Authorization: Bearer {accessToken}" \
-H "Content-Type: application/json" \
-d '{
  "emailSubject": "모바일에서 이 문서에 서명하세요",
  "documents": [{
    "documentBase64": "{base64EncodedHTML}",
    "name": "responsive-agreement.html",
    "fileExtension": "html",
    "documentId": "1"
  }],
  "recipients": {
    "signers": [{
      "email": "signer@example.com",
      "name": "John Doe",
      "recipientId": "1",
      "tabs": {
        "signHereTabs": [{
          "xPosition": "100",
          "yPosition": "100",
          "documentId": "1",
          "pageNumber": "1"
        }]
      }
    }]
  },
  "status": "sent"
}'

이렇게 하면 서명할 준비가 된 HTML 문서가 포함된 봉투가 생성됩니다.

반응형 HTML 구조 설계: 모바일 우선 디자인을 채택하여 HTML을 제작합니다. Flexbox 또는 CSS Grid와 같은 유연한 레이아웃을 사용합니다. 예를 들어, 문서 구조를 텍스트, 필드 및 서명 영역 섹션으로 구성하여 작은 화면에서 다시 흐를 수 있도록 합니다. DocuSign의 앵커 태그 또는 텍스트 태그를 통합하여 동적 필드 배치를 수행합니다. 예를 들어, {{SigHere1}}은 서명 필드에 사용됩니다.

반응형 HTML 조각 예시:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
    .container { max-width: 100%; margin: 0 auto; }
    @media (max-width: 768px) {
      body { padding: 10px; }
      .signature-field { width: 100%; height: 100px; border: 1px dashed #ccc; }
    }
    @media (min-width: 769px) {
      .signature-field { width: 300px; height: 150px; }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>계약 조건</h1>
    <p>이것은 장치에 맞게 조정되는 반응형 조항입니다.</p>
    <!-- DocuSign 탭이 여기에 오버레이됩니다. -->
  </div>
</body>
</html>

API에 제출하기 전에 이 HTML을 Base64로 인코딩합니다. 반응형 CSS는 서명과 같은 필드가 적절하게 크기가 조정되도록 하여 모바일 장치에서 크기 조정 문제를 방지합니다.

서명 의식 포함: 포함된 서명의 경우 Rooms: create 또는 Envelopes: createRecipientView 엔드포인트를 사용하여 서명 URL을 생성합니다. 애플리케이션에서 사용자를 이 URL로 리디렉션합니다. 모바일 사용자 경험을 향상시키기 위해 DocuSign의 SDK가 지원하는 경우 JavaScript를 통합하여 스와이프 서명과 같은 터치 친화적인 상호 작용을 구현합니다.

생성 후 수신자 보기를 검색합니다.
```
curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes/{envelopeId}/views/recipient \
-H "Authorization: Bearer {accessToken}" \
-H "Content-Type: application/json" \
-d '{
  "authenticationMethod": "none",
  "email": "signer@example.com",
  "returnUrl": "https://yourapp.com/return",
  "userId": "signer@example.com"
}'
```
반환된 url은 기본적으로 모바일에 최적화되어 있지만 HTML 반응형 디자인은 문서 자체가 완벽하게 렌더링되도록 합니다.
모바일 특정 문제 처리: iOS 및 Android 장치에서 테스트합니다. 일반적인 문제에는 글꼴 렌더링 및 터치 대상이 포함됩니다. Apple 지침에 따라 터치 영역은 최소 44x44픽셀이어야 합니다. 사용자 지정 HTML이 너무 복잡한 경우 DocuSign의 PowerForms를 사용하여 미리 구축된 반응형 템플릿을 사용합니다. 웹후크를 통해 봉투 상태를 모니터링하여 모바일 완료율을 추적하여 비즈니스 의사 결정에 정보를 제공합니다.
비즈니스 통합 모범 사례: 상업적 관점에서 볼 때 이 설정은 현장 판매와 같은 대량 사용 사례에 적합합니다. API 할당량을 지원하는 계획(예: Intermediate는 월별 약 100개의 봉투)으로 제한합니다. 액세스 코드 또는 SMS 인증을 추가 기능으로 추가하여 규정 준수를 보장합니다.

DocuSign 사례 연구에 따르면 이러한 API 기반 접근 방식은 서명 시간을 최대 80%까지 단축하여 모바일 중심 기업에게 투자할 가치가 있는 선택입니다. 개발자는 기능이 계속 진화하므로 업데이트를 위해 공식 DocuSign API 문서를 참조해야 합니다.

DocuSign의 IAM CLM 및 생태계 개요

DocuSign의 지능형 계약 관리(IAM) 및 계약 수명 주기 관리(CLM) 솔루션은 기본적인 전자 서명을 넘어 엔드 투 엔드 계약 자동화를 제공합니다. IAM은 위험 평가 및 조항 추출에 AI를 통합하고 CLM은 초안 작성, 협상 및 분석을 처리합니다. 이러한 도구는 Business Pro(사용자당 월 40달러/년)와 같은 더 높은 수준의 계획의 일부이며 거버넌스가 필요한 기업을 유치합니다. 완전한 엔터프라이즈 IAM은 공개 가격이 없지만 규정 준수 집약적인 산업을 위한 맞춤형 솔루션입니다.

경쟁 환경: 전자 서명 플랫폼 비교

전 세계적으로 100억 달러 이상의 가치를 지닌 전자 서명 시장에서 DocuSign과 같은 플랫폼은 기능, 가격 및 지역 적응성 측면에서 경쟁합니다. 다음은 비즈니스 평가의 핵심 측면에 중점을 둔 주요 플레이어의 중립적 비교입니다.

플랫폼	가격(연간, 달러)	사용자 제한	봉투 제한	주요 기능	API 지원	지역적 강점
DocuSign	Personal: $120; Standard: 사용자당 $300; Business Pro: 사용자당 $480; API Starter: $600	시트별 라이선스	~사용자당 100개/년(Standard/Pro)	대량 발송, 조건부 로직, IAM CLM, SSO	강력함(독립 계획)	글로벌, 미국/EU 규정 준수 강함(ESIGN/eIDAS)
Adobe Sign	시작 가격 사용자당 월 $10(연간 청구)	시트별	더 높은 수준에서 무제한	Adobe 생태계 통합, 양식, 결제	Adobe API를 통해 강력함	창의적/디지털 워크플로 우수, 미국/EU 중심
eSignGlobal	Essential: $299(무제한 사용자); Professional: 사용자 정의	무제한 사용자	100개 봉투(Essential)	AI-Hub, 대량 발송, 지역 ID 통합(iAM Smart, Singpass)	Pro 계획에 포함	APAC 최적화, 100개 이상의 국가 글로벌 규정 준수
HelloSign (Dropbox Sign)	무료 등급; Pro: 사용자당 월 $15	시트별	20개/월(Pro)	간단한 UI, 템플릿, 팀 협업	기본 API	SMB 사용자 친화적, 미국 중심, Dropbox와 쉽게 통합

이 표는 절충점을 강조합니다. DocuSign은 엔터프라이즈 심층성에서 뛰어나고 대안은 비용 또는 지역 적응성을 우선시합니다.

Adobe Sign: 균형 잡힌 엔터프라이즈 옵션

Adobe Sign은 PDF 도구 및 Microsoft 365와 같은 엔터프라이즈 제품군과 원활하게 통합되어 반응형 양식을 갖춘 강력한 모바일 서명을 제공합니다. 가격은 낮게 시작되지만 인증과 같은 추가 기능으로 확장됩니다. ESIGN 및 eIDAS 프레임워크에서 보안을 강조하는 문서 집약적인 산업에 적합합니다.

eSignGlobal: 지역 규정 준수 초점

eSignGlobal은 전 세계 100개 이상의 주요 국가에서 규정을 준수하는 비용 효율적인 대안으로 자리매김하고 있으며 특히 아시아 태평양(APAC) 지역에서 강점을 보입니다. APAC의 전자 서명 환경은 파편화되어 있으며 높은 표준과 엄격한 규정을 가지고 있어 미국과 EU의 프레임워크 기반 ESIGN/eIDAS와는 다른 생태계 통합 솔루션이 필요합니다. 여기에서 플랫폼은 정부 대 기업(G2B) 디지털 ID와 심층적인 하드웨어/API 수준 통합을 구현해야 합니다. 이는 서구 시장에서 흔히 볼 수 있는 이메일 확인 또는 자기 선언 모델을 훨씬 뛰어넘는 기술적 장벽입니다. eSignGlobal의 Essential 계획은 월 16.6달러(연간)에 불과하며 최대 100개의 전자 서명 문서, 무제한 사용자 시트를 발송하고 액세스 코드 확인을 통해 규정 준수 기반으로 강력한 가치를 제공합니다. 홍콩의 iAM Smart 및 싱가포르의 Singpass와 원활하게 통합되어 지연 시간을 줄이고 국경 간 거래에 대한 신뢰를 높입니다.

esignglobal HK

DocuSign보다 더 스마트한 대안을 찾고 계십니까?

👉 무료 평가판 시작

HelloSign (Dropbox Sign): SMB를 위한 간편함

현재 Dropbox의 일부인 HelloSign은 빠른 설정을 위한 직관적인 인터페이스를 제공하며 반응형 포함을 통해 강력한 모바일 지원을 제공합니다. 소규모 팀에게는 비용 효율적이지만 고급 API 심층성이 부족하고 사용자 정의보다는 사용 편의성에 중점을 둡니다.

지역 전자 서명 규정

제목에 지역이 지정되어 있지는 않지만 API 구현에 있어 법률을 이해하는 것이 중요합니다. 미국에서 ESIGN 및 UETA는 전자 기록에 대한 광범위한 실행 가능성을 제공합니다. EU의 eIDAS는 더 높은 법적 효력을 위해 적격 서명을 규정합니다. APAC는 다양합니다. 싱가포르의 전자 거래법은 ESIGN과 유사하지만 로컬 데이터 상주가 필요하고 홍콩은 유효성을 보장하기 위해 iAM Smart와 같은 시스템과의 통합이 필요합니다. DocuSign API를 사용하는 기업은 규정 준수 함정을 피하기 위해 봉투를 적절하게 구성해야 합니다.

결론

DocuSign의 API는 반응형 모바일 서명을 지원하여 디지털 우선 세계의 효율성을 높입니다. 대안의 경우 특히 APAC에서 지역 규정 준수 옵션으로 eSignGlobal을 고려하여 비용과 글로벌 범위를 균형 있게 조정합니다. 비즈니스 요구 사항에 따라 최적의 일치 항목을 평가합니다.