# 1. 본인인증 준비하기

{% hint style="warning" %}
**Deprecated**

이 문서는 더 이상 관리되지 않습니다.

[PortOne 개발자센터](https://developers.portone.io/)를 이용해주세요.
{% endhint %}

### 본인인증을 연동할 페이지에 포트원 라이브러리를 추가합니다.

{% hint style="info" %}
신용카드 본인인증 기능은 **포트원 JavaScript v1.1.7**부터 지원합니다.
{% endhint %}

{% tabs %}
{% tab title="HTML" %}
{% code title="client-side" %}

```html
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<!-- iamport.payment.js -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-{SDK-최신버전}.js"></script>
```

{% endcode %}
{% endtab %}
{% endtabs %}

{% hint style="danger" %}
**jQuery 1.0 이상이 설치**되어 있어야 합니다.
{% endhint %}

### 본인인증 페이지에 [<mark style="color:blue;">`가맹점 식별코드`</mark>](https://portone.gitbook.io/docs/ready/3.)를 이용하여 `IMP` 객체를 초기화합니다.

{% tabs %}
{% tab title="JavaScript" %}
{% code title="client-side" %}

```javascript
var IMP = window.IMP; // 생략 가능
IMP.init("{가맹점 식별코드}"); // 예: imp00000000
```

{% endcode %}
{% endtab %}

{% tab title="ES Next" %}
{% code title="client-side" %}

```javascript
 const IMP = window.IMP; // 생략 가능
 IMP.init({가맹점 식별코드}); // 예: "imp00000000"
```

{% endcode %}
{% endtab %}
{% endtabs %}