Skip to content

Commit

Permalink
lint 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@sso-ashley
sso-ashley committed Mar 23, 2024
1 parent b38b778 commit 2ac0497
Show file tree
Hide file tree
Showing 30 changed files with 7,439 additions and 7,868 deletions.
8 changes: 4 additions & 4 deletions src/content/docs/ko/etc/phone/1.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,24 @@ title: 1. 본인인증 준비하기
description: 휴대폰 본인인증 연동을 위한 준비
---

import Tabs from "~/components/gitbook/tabs/Tabs.astro";
import Tab from "~/components/gitbook/tabs/Tab.astro";
import Tabs from "~/components/gitbook/tabs/Tabs.astro";

[**`고객사 식별코드`**](../../ready/readme#4-포트원-연동정보-확인하기)를 이용하여 `IMP` 객체를 초기화합니다.

<Tabs>
<Tab title="JavaScript">
```javascript title="client-side"
var IMP = window.IMP; // 생략 가능
var IMP = window.IMP; // 생략 가능
IMP.init("{고객사 식별코드}"); // 예: imp00000000
```

</Tab>

<Tab title="JS ES Next">
```javascript title="client-side"
const IMP = window.IMP; // 생략 가능
IMP.init("{고객사 식별코드}"); // 예: imp00000000
const IMP = window.IMP; // 생략 가능
IMP.init("{고객사_식별코드}"); // 예: imp00000000
```

</Tab>
Expand Down
150 changes: 72 additions & 78 deletions src/content/docs/ko/etc/phone/4.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,38 +3,36 @@ title: 4. 인증정보 조회 및 활용하기
description: 인증정보를 획득하고 활용하는 방법을 안내합니다.
---

import Hint from "~/components/Hint.astro";
import Tabs from "~/components/gitbook/tabs/Tabs.astro";
import Tab from "~/components/gitbook/tabs/Tab.astro";
import Tabs from "~/components/gitbook/tabs/Tabs.astro";
import Hint from "~/components/Hint.astro";

휴대폰 본인인증 완료이후 획득한 `imp_uid`를 이용하여 고객 인증정보를 조회할 수 있습니다.

### <mark style="color:blue;">**STEP 01.**</mark> 인증정보(imp_uid) 서버단에서 획득하기
## <mark style="color:blue;">**STEP 01.**</mark> 인증정보(imp_uid) 서버단에서 획득하기

아래는 휴대폰 본인인증 앞단에서 넘어온 값을 서버단에서 수신받은 예제 입니다.

<Tabs>
<Tab title="Node.js(팝업방식)">
```javascript title="server-side"
app.use(bodyParser.json());
...
// "/certifications"에 대한 POST 요청을 처리하는 controller
app.post("/certifications", async (request, response) => {
// request의 body에서 imp_uid 추출
const { imp_uid } = request.body;
})
// "/certifications"에 대한 POST 요청을 처리하는 controller
app.post("/certifications", async (request, response) => {
// request의 body에서 imp_uid 추출
const { imp_uid } = request.body;
});
```

</Tab>

<Tab title="Node.js(리디렉션 방식)">
```javascript title="server-side"
app.use(bodyParser.json());
...
// "/certifications/redirect"에 대한 GET 요청을 처리하는 controller
app.get("/certifications/redirect", async (request, response) => {
const { imp_uid } = request.query; // request의 query에서 imp_uid 추출
})
// "/certifications/redirect"에 대한 GET 요청을 처리하는 controller
app.get("/certifications/redirect", async (request, response) => {
const { imp_uid } = request.query; // request의 query에서 imp_uid 추출
});
```

</Tab>
Expand All @@ -46,40 +44,38 @@ app.use(bodyParser.json());

```javascript title="server-side"
app.use(bodyParser.json());
...
// "/certifications"에 대한 POST 요청을 처리하는 controller
app.post("/certifications", async (request, response) => {
const { imp_uid } = request.body; // request의 body에서 imp_uid 추출
try {
// 인증 토큰 발급 받기
const getToken = await axios({
url: "https://api.iamport.kr/users/getToken",
// POST method
method: "post",
// "Content-Type": "application/json"
headers: { "Content-Type": "application/json" },
data: {
imp_key: "imp_apikey", // REST API키
imp_secret: "ekKoeW8RyKuT0zgaZsUtXXTLQ4AhPFW3ZGseDA6bkA5lamv9OqDMnxyeB9wqOsuO9W3Mx9YSJ4dTqJ3f" // REST API Secret
}
});
const { access_token } = getToken.data; // 인증 토큰
...
// imp_uid로 인증 정보 조회
const getCertifications = await axios({
// imp_uid 전달
url: \`https://api.iamport.kr/certifications/\${imp_uid}\`,
// GET method
method: "get",
// 인증 토큰 Authorization header에 추가
headers: { "Authorization": access_token }
});
const certificationsInfo = getCertifications.data; // 조회한 인증 정보
...
} catch(e) {
console.error(e);
}
});
// "/certifications"에 대한 POST 요청을 처리하는 controller
app.post("/certifications", async (request, response) => {
const { imp_uid } = request.body; // request의 body에서 imp_uid 추출
try {
// 인증 토큰 발급 받기
const getToken = await axios({
url: "https://api.iamport.kr/users/getToken",
// POST method
method: "post",
// "Content-Type": "application/json"
headers: { "Content-Type": "application/json" },
data: {
imp_key: "imp_apikey", // REST API키
imp_secret:
"ekKoeW8RyKuT0zgaZsUtXXTLQ4AhPFW3ZGseDA6bkA5lamv9OqDMnxyeB9wqOsuO9W3Mx9YSJ4dTqJ3f", // REST API Secret
},
});
const { access_token } = getToken.data; // 인증 토큰
// imp_uid로 인증 정보 조회
const getCertifications = await axios({
// imp_uid 전달
url: `https://api.iamport.kr/certifications/\${imp_uid}`,
// GET method
method: "get",
// 인증 토큰 Authorization header에 추가
headers: { Authorization: access_token },
});
const certificationsInfo = getCertifications.data; // 조회한 인증 정보
} catch (e) {
console.error(e);
}
});
```

### <mark style="color:blue;">**STEP 03.**</mark> 인증 정보 활용하기
Expand Down Expand Up @@ -114,36 +110,34 @@ app.use(bodyParser.json());

```javascript title="Node.js"
// "/certifications"에 대한 POST 요청을 처리하는 controller
app.post("/certifications", async (request, response) => {
const { imp_uid } = request.body; // request의 body에서 imp_uid 추출
try {
// 인증 토큰 발급 받기
/* ...중략... */
// imp_uid로 인증 정보 조회
/* ...중략... */
const certificationsInfo = getCertifications.data; // 조회한 인증 정보
// unique_key: 개인식별 고유 키, unique_in_site: 사이트 별 개인식별 고유 키
const { unique_key, unique_in_site, name, gender, birth } = certificationsInfo;
...
// 연령 제한 로직
if (new Date(birth).getFullYear() <= 1999) {
// 연령 만족
app.post("/certifications", async (request, response) => {
const { imp_uid } = request.body; // request의 body에서 imp_uid 추출
try {
// 인증 토큰 발급 받기
/* ...중략... */
// imp_uid로 인증 정보 조회
/* ...중략... */
const certificationsInfo = getCertifications.data; // 조회한 인증 정보
// unique_key: 개인식별 고유 키, unique_in_site: 사이트 별 개인식별 고유 키
const { unique_key, unique_in_site, name, gender, birth } =
certificationsInfo;
// 연령 제한 로직
if (new Date(birth).getFullYear() <= 1999) {
// 연령 만족
} else {
// 연령 미달
}
// 1인 1계정 허용 로직
// DB에서 unique_key 조회 후 가입여부 검사
Users.find({ certificationKey: unique_key }).then((user) => {
if (!user) {
// 신규 고객
} else {
// 연령 미달
// 이미 가입된 고객
}
...
// 1인 1계정 허용 로직
// DB에서 unique_key 조회 후 가입여부 검사
Users.find({ certificationKey: unique_key })
.then((user) => {
if (!user) {
// 신규 고객
} else {
// 이미 가입된 고객
}
});
} catch(e) {
console.error(e);
}
});
});
} catch (e) {
console.error(e);
}
});
```
48 changes: 24 additions & 24 deletions src/content/docs/ko/pg/payment-gateway/danal.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,19 @@ title: 다날
description: 다날 결제연동 방법을 안내합니다.
---

import Codepen from "~/components/gitbook/Codepen.astro";
import Figure from "~/components/Figure.astro";
import Hint from "~/components/Hint.astro";
import Tabs from "~/components/gitbook/tabs/Tabs.astro";
import Codepen from "~/components/gitbook/Codepen.astro";
import Tab from "~/components/gitbook/tabs/Tab.astro";
import Tabs from "~/components/gitbook/tabs/Tabs.astro";
import Hint from "~/components/Hint.astro";

### 1. 다날 채널 설정하기
## 1. 다날 채널 설정하기

[결제대행사 채널 설정하기](../../ready/readme#3-결제대행사-채널-설정하기) 페이지의 내용을 참고하여 채널 설정을 진행합니다.

<Figure src="/gitbook-assets/ko/screenshot 2022-05-30 5.30.00.png" />

### 2.결제 요청하기
## 2.결제 요청하기

<Tabs>
<Tab title="인증결제창 호출">
Expand All @@ -39,11 +39,11 @@ IMP.request_pay(
function (rsp) {
// callback 로직
//* ...중략... *//
}
},
);
```

#### 주요 파라미터 설명
### 주요 파라미터 설명

**`pg` \***<mark style="color:green;">**string**</mark>

Expand Down Expand Up @@ -129,11 +129,11 @@ IMP.request_pay(
} else {
alert("빌링키 발급 실패");
}
}
},
);
```

#### 주요 파라미터 설명
### 주요 파라미터 설명

**`pg` \***<mark style="color:green;">**string**</mark>

Expand Down Expand Up @@ -161,7 +161,7 @@ IMP.request_pay(

**`to`** <mark style="color:orange;">**`: YYYYMMDD`**</mark>

#### 빌링키(customer_uid)로 결제 요청하기
### 빌링키(customer_uid)로 결제 요청하기

빌링키 발급이 성공하면 실 빌링키는 customer_uid 와 1:1 매칭되어 **포트원 서버에 저장**됩니다. customer_uid를 고객사 내부서버에 저장하시고 [<mark style="color:blue;">**비 인증 결제요청 REST API**</mark>](../../api/api-4/api)를 호출하시면 결제를 발생시킬 수 있습니다.

Expand All @@ -174,7 +174,7 @@ curl -H "Content-Type: application/json" \
</Tab>
</Tabs>

### 3. 부가기능
## 3. 부가기능

<Tabs>
<Tab title="통신사 노출 제어">
Expand All @@ -184,13 +184,13 @@ curl -H "Content-Type: application/json" \
detail: [
{
carrier: "*", // 모두 활성화
enabled: false
enabled: false,
},
{
carrier: "SKT", // SKT만 활성화
enabled: true
enabled: true,
},
]
];
}
}
```
Expand All @@ -201,24 +201,24 @@ curl -H "Content-Type: application/json" \
detail: [
{
carrier: "SKT",
enabled: false
enabled: false,
},
{
carrier: "KTF",
enabled: false
enabled: false,
},
{
carrier: "LGT",
enabled: false
enabled: false,
},
{
carrier: "CJH",
enabled: false
}
]
enabled: false,
},
];
}
}
KCT, SKL 을 제외한 나머지 통신사는 비활성화 됩니다.
// KCT, SKL을 제외한 나머지 통신사는 비활성화 됩니다.
```

```js title="특정 통신사만 비노출"
Expand All @@ -242,7 +242,7 @@ phone: {
<Tab title="휴대폰 번호 고정">
```javascript title="javascript"
prefill: {
phoneNumber: "휴대폰번호" // 휴대폰번호 입력(하이픈 제거)
phoneNumber: "휴대폰번호"; // 휴대폰번호 입력(하이픈 제거)
}
```
<Hint style="info">
Expand All @@ -254,7 +254,7 @@ prefill: {
<Tab title="카드결제 할부개월수">
```javascript title="javascript"
display: {
card_quota: [6] // 할부개월 6개월까지만 활성화
card_quota: [6]; // 할부개월 6개월까지만 활성화
}
```

Expand All @@ -276,7 +276,7 @@ display: {
</Tab>

<Tab title="카드사 모듈 호출">
```javascript title="javascript"
```json title="javascript"
card: {
direct: {
code: "367",
Expand Down
Loading

0 comments on commit 2ac0497

Please sign in to comment.