> ## Documentation Index
> Fetch the complete documentation index at: https://developers.argosidentity.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Face ID 데모

> Face ID 서비스를 위한 인터랙티브 데모 가이드

Face ID 데모 가이드에 오신 것을 환영합니다! 우리는 고급 FACE ID 서비스를 최대한 활용할 수 있도록 이 가이드를 설계했습니다. 처음 시작하거나 새로운 기능을 탐색하는 중이든 상관없이 이 가이드는 여러분의 경험을 부드럽고 간단하게 만들어줄 것입니다. 시작해보겠습니다.

<Divider />

## 빠른 시작 가이드

<Steps>
  <Step title="데모 시작 클릭">
    <a href="https://demo-face.argosidentity.com/" target="_blank" className="card-anchor">
      <div className="card-box" style={{ width: '60%', minWidth: '540px' }}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" className="icon-style" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0_2631_4599)">
            <path d="M19 0.999847H5C3.67441 1.00144 2.40356 1.52873 1.46622 2.46607C0.528882 3.40341 0.00158786 4.67425 0 5.99985L0 13.9998C0.00158786 15.3254 0.528882 16.5963 1.46622 17.5336C2.40356 18.471 3.67441 18.9983 5 18.9998H11V20.9998H7C6.73478 20.9998 6.48043 21.1052 6.29289 21.2927C6.10536 21.4803 6 21.7346 6 21.9998C6 22.2651 6.10536 22.5194 6.29289 22.707C6.48043 22.8945 6.73478 22.9998 7 22.9998H17C17.2652 22.9998 17.5196 22.8945 17.7071 22.707C17.8946 22.5194 18 22.2651 18 21.9998C18 21.7346 17.8946 21.4803 17.7071 21.2927C17.5196 21.1052 17.2652 20.9998 17 20.9998H13V18.9998H19C20.3256 18.9983 21.5964 18.471 22.5338 17.5336C23.4711 16.5963 23.9984 15.3254 24 13.9998V5.99985C23.9984 4.67425 23.4711 3.40341 22.5338 2.46607C21.5964 1.52873 20.3256 1.00144 19 0.999847ZM5 2.99985H19C19.7956 2.99985 20.5587 3.31592 21.1213 3.87853C21.6839 4.44114 22 5.2042 22 5.99985V12.9998H2V5.99985C2 5.2042 2.31607 4.44114 2.87868 3.87853C3.44129 3.31592 4.20435 2.99985 5 2.99985ZM19 16.9998H5C4.38174 16.9973 3.77937 16.8038 3.2753 16.4458C2.77123 16.0878 2.39008 15.5828 2.184 14.9998H21.816C21.6099 15.5828 21.2288 16.0878 20.7247 16.4458C20.2206 16.8038 19.6183 16.9973 19 16.9998Z" fill="#374957" />
          </g>

          <defs>
            <clipPath id="clip0_2631_4599">
              <rect width="24" height="24" fill="white" />
            </clipPath>
          </defs>
        </svg>

        <div>
          <p className="slate-p" />

          <h3 className="slate-h3">데모 시작</h3>
        </div>
      </div>
    </a>
  </Step>

  <Step title="컬렉션 ID와 API 키 입력">
    <Callout type="success">
      ARGOS FACE ID 데모 서비스에 접근하려면 제공받은 컬렉션 ID와 API 키를 입력해주세요. 이러한 자격 증명은 요청을 인증하고 시스템에 대한 안전한 접근을 보장하는 데 필수적입니다. 아직 받지 못하셨다면 ARGOS 지원팀에 문의해주세요.
    </Callout>

    <a href="https://tally.so/r/wg946l" target="_blank" className="card-anchor">
      <div className="card-box" style={{ width: '60%', minWidth: '540px' }}>
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" className="icon-style" xmlns="http://www.w3.org/2000/svg">
          <g clipPath="url(#clip0_2631_4660)">
            <path d="M19.535 3.12205L17.879 1.46405C17.4157 0.998363 16.8646 0.629189 16.2576 0.377895C15.6507 0.1266 14.9999 -0.00182547 14.343 5.0783e-05H8C6.67441 0.00163864 5.40356 0.528933 4.46622 1.46627C3.52888 2.40361 3.00159 3.67446 3 5.00005V19.0001C3.00159 20.3256 3.52888 21.5965 4.46622 22.5338C5.40356 23.4712 6.67441 23.9985 8 24.0001H16C17.3256 23.9985 18.5964 23.4712 19.5338 22.5338C20.4711 21.5965 20.9984 20.3256 21 19.0001V6.65705C21.0016 6.00024 20.873 5.34962 20.6215 4.74284C20.37 4.13607 20.0007 3.58518 19.535 3.12205ZM18.121 4.53605C18.2628 4.67737 18.3898 4.83285 18.5 5.00005H16V2.50005C16.1669 2.61137 16.3227 2.73863 16.465 2.88005L18.121 4.53605ZM19 19.0001C19 19.7957 18.6839 20.5588 18.1213 21.1214C17.5587 21.684 16.7956 22.0001 16 22.0001H8C7.20435 22.0001 6.44129 21.684 5.87868 21.1214C5.31607 20.5588 5 19.7957 5 19.0001V5.00005C5 4.2044 5.31607 3.44134 5.87868 2.87873C6.44129 2.31612 7.20435 2.00005 8 2.00005H14V5.00005C14 5.53048 14.2107 6.03919 14.5858 6.41427C14.9609 6.78934 15.4696 7.00005 16 7.00005H19V19.0001ZM16 9.00005C16.2652 9.00005 16.5196 9.10541 16.7071 9.29294C16.8946 9.48048 17 9.73484 17 10.0001C17 10.2653 16.8946 10.5196 16.7071 10.7072C16.5196 10.8947 16.2652 11.0001 16 11.0001H8C7.73478 11.0001 7.48043 10.8947 7.29289 10.7072C7.10536 10.5196 7 10.2653 7 10.0001C7 9.73484 7.10536 9.48048 7.29289 9.29294C7.48043 9.10541 7.73478 9.00005 8 9.00005H16ZM17 14.0001C17 14.2653 16.8946 14.5196 16.7071 14.7072C16.5196 14.8947 16.2652 15.0001 16 15.0001H8C7.73478 15.0001 7.48043 14.8947 7.29289 14.7072C7.10536 14.5196 7 14.2653 7 14.0001C7 13.7348 7.10536 13.4805 7.29289 13.2929C7.48043 13.1054 7.73478 13.0001 8 13.0001H16C16.2652 13.0001 16.5196 13.1054 16.7071 13.2929C16.8946 13.4805 17 13.7348 17 14.0001ZM16.808 17.4131C16.9634 17.6269 17.0279 17.8936 16.9872 18.1548C16.9466 18.4161 16.8041 18.6506 16.591 18.8071C15.5778 19.529 14.3778 19.9433 13.135 20.0001C12.4089 19.9966 11.7048 19.7501 11.135 19.3001C10.807 19.0751 10.682 19.0001 10.435 19.0001C9.76643 19.1035 9.13562 19.3769 8.603 19.7941C8.39175 19.9446 8.13024 20.0072 7.87369 19.9686C7.61715 19.93 7.38565 19.7932 7.22808 19.5871C7.07052 19.381 6.99922 19.1217 7.02925 18.864C7.05927 18.6063 7.18827 18.3704 7.389 18.2061C8.27018 17.522 9.32828 17.1036 10.439 17.0001C11.1051 17.0107 11.7491 17.2409 12.271 17.6551C12.5089 17.869 12.8152 17.9913 13.135 18.0001C13.9527 17.9388 14.739 17.6594 15.412 17.1911C15.6266 17.0355 15.8942 16.9715 16.1559 17.0131C16.4177 17.0548 16.6522 17.1986 16.808 17.4131Z" fill="#374957" />
          </g>

          <defs>
            <clipPath id="clip0_2631_4660">
              <rect width="24" height="24" fill="white" />
            </clipPath>
          </defs>
        </svg>

        <div>
          <p className="slate-p" />

          <h3 className="slate-h3">컬렉션 ID 및 API 키 요청하기</h3>
        </div>
      </div>
    </a>
  </Step>

  <Step title="Face ID 추가">
    <Steps>
      <Step title="이름 입력">
        사용자명 입력 필드에 이름을 입력하세요
      </Step>

      <Step title="얼굴 이미지 캡처">
        기기의 카메라를 사용하여 추가하려는 얼굴 이미지를 캡처한 후 '캡처' 버튼을 클릭하세요.
      </Step>

      <Step title="컬렉션에 추가">
        "저장"을 클릭하여 얼굴 이미지를 컬렉션에 추가하거나 "재캡처"를 클릭하여 사진을 다시 찍으세요.
      </Step>

      <Step title="컬렉션에 얼굴 저장">
        <Warning>
          faceId와 관련된 이름을 잘 기록해두세요. 나중에 Face ID를 검색하거나 삭제할 때 필요합니다.
        </Warning>

        얼굴이 컬렉션에 추가되고 저장되면 시스템은 다음 세부사항이 포함된 JSON 객체를 반환합니다:

        ```json theme={null}
        {
          "message": "success",
          "faceId": "{{faceId}}",
          "metaFaceID": "{{metaFaceId}}"
        }
        ```
      </Step>
    </Steps>
  </Step>

  <Step title="얼굴 검색">
    <Steps>
      <Step title="요청 이름 입력">
        검색하려는 개인의 이름을 입력하세요.
      </Step>

      <Step title="Face ID 캡처">
        검색에 사용하려는 Face ID와 관련된 얼굴 이미지를 캡처하세요.
      </Step>

      <Step title="얼굴 검색 요청 처리">
        요청 이름을 입력하고 얼굴을 캡처한 후 시스템은 다음 세부사항이 포함된 JSON 객체를 반환합니다:

        ```json theme={null}
        {
          "message": "success",
          "searchId": "{{searchId}}",
          "requestName": "{{requestName}}",
          "faceIdList": [
            "{{faceId1}}",
            "{{faceId2}}",
            "{{faceId3}}"
          ]
        }
        ```
      </Step>
    </Steps>
  </Step>
</Steps>
