리소스
모범 사례
- 캡처 버튼 클릭 시가 아니라 페이지 로드 시 SDK를 초기화하세요. 백엔드 인증에는 몇 초가 걸리며, 카메라 열기와 동시에 수행하면 지연 느낌이 발생합니다.
- 카메라 시작을 최적화하려면
prepareSelfieCamera()와open()을 분리하세요 — 사용자가 캡처 화면으로 이동하는 동안 준비 단계를 유지합니다. - CSP를 올바르게 구성하세요 — 필수 지시어가 없으면 SDK가 Web Worker와 추가 리소스를 로드할 수 없습니다.
- 추가 리소스 파일을 프로젝트 내 웹에서 접근 가능한 공개 위치에 호스팅하세요.
- SDK를 최신 상태로 유지하세요. Unico는 더 이상 지원되지 않는 버전의 문제에 대해 책임지지 않습니다.
샘플 앱
| 언어 / 프레임워크 | 설명 | 저장소 |
|---|---|---|
| Angular | Web SDK를 구현한 Angular PoC | GitHub — unico-sdk-poc-angular |
| JS Vanilla | Web SDK를 구현한 JS Vanilla PoC | GitHub — unico-sdk-poc-js-vanilla |
| Next.js | Web SDK를 구현한 Next.js PoC | GitHub — unico-sdk-poc-next-js |
| React JS with TypeScript | Web SDK를 구현한 TypeScript 기반 React PoC | GitHub — unico-webframe-poc-react |
| React JS with JavaScript | Web SDK를 구현한 JavaScript 기반 React PoC | GitHub — unico-sdk-poc-react-js |
| React JS with Webpack + Babel | Web SDK를 구현한 Webpack + Babel 기반 React JS PoC | SFTP — 프로젝트 매니저에게 요청 |
| Vue JS | Web SDK를 구현한 Vue JS PoC | GitHub — unico-sdk-poc-vuejs |