Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

페이팔 v2 portone-ui-container 설명 추가, 유의사항 추가 #378

Merged
merged 3 commits into from
Mar 27, 2024

Conversation

youjmen
Copy link
Contributor

@youjmen youjmen commented Mar 27, 2024

  • 페이팔 loadUI시 portone-ui-container 에 관한 설명이 없어 추가, 정기결제 시 테스트 채널 관련 유의사항을 추가한 PR입니다.

Copy link

vercel bot commented Mar 27, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
developers ✅ Ready (Inspect) Visit Preview 💬 Add feedback Mar 27, 2024 6:18am

@youjmen
Copy link
Contributor Author

youjmen commented Mar 27, 2024

eslint --fix할 때 Parsing error: Cannot parse file .remarkrc.js가 뜨는데 확인해주시면 감사하겠습니다. 🙇‍♂️

@XiNiHa
Copy link
Contributor

XiNiHa commented Mar 27, 2024

eslint --fix할 때 Parsing error: Cannot parse file .remarkrc.js가 뜨는데 확인해주시면 감사하겠습니다. 🙇‍♂️

pnpm i 하셨을까요?

@youjmen
Copy link
Contributor Author

youjmen commented Mar 27, 2024

eslint --fix할 때 Parsing error: Cannot parse file .remarkrc.js가 뜨는데 확인해주시면 감사하겠습니다. 🙇‍♂️

pnpm i 하셨을까요?

pnpm i 하고 다시 eslint 돌려보니 잘 되네요 감사합니다 👍

@@ -51,6 +51,8 @@ import image11 from "./_assets/paypal/screenshot9.png";
페이팔의 경우 고객사의 결제 화면에 페이팔 결제 버튼을 렌더링 한 후 클릭해 페이팔의 결제창을 호출하는 방식입니다.
결제 성공 시의 동작을 `onPaymentSuccess` 콜백 함수에, 결제 실패 시의 동작을 `onPaymentFail`에 작성해야 합니다.

페이팔의 결제 버튼을 렌더링 하기 위해, 버튼을 렌더링 할 곳에 className이 `portone-ui-container`인 DOM element를 선언하셔야 합니다.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
페이팔의 결제 버튼을 렌더링 하기 위해, 버튼을 렌더링 할 곳에 className이 `portone-ui-container`인 DOM element를 선언하셔야 합니다.
페이팔의 결제 버튼을 렌더링 하기 위해, 버튼을 렌더링 할 곳에 클래스명이 `portone-ui-container`인 DOM element를 선언하셔야 합니다.

아래 예시는 HTML로 작성되어 있어서 class를 사용 중이라서, className이라고 적으면 혼동이 있을 것 같아요

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반영했습니다.

포트원 SDK는 해당 id를 가지는 element를 찾아 버튼을 렌더링합니다.
-->
<div class="portone-ui-container">
<!-- 3. 여기에 페이팔 결제 버튼이 생성됩니다. -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<!-- 3. 여기에 페이팔 결제 버튼이 생성됩니다. -->
<!-- 여기에 페이팔 결제 버튼이 생성됩니다 -->
  1. 2.가 없어서 3.도 그냥 날려도 되지 않을까 싶어요

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반영했습니다.

@@ -122,6 +135,8 @@ function updateLoadPaymentUIRequest() {
페이팔의 경우 고객사의 결제 화면에 페이팔 빌링키 발급 버튼을 렌더링 한 후 클릭해 페이팔의 결제창을 호출하는 방식입니다.
발급 성공 시의 동작을 `onIssueBillingKeySuccess` 콜백 함수에, 발급 실패 시의 동작을 `onIssueBillingKeyFail`에 작성하셔야 합니다.

페이팔의 빌링키 발급 버튼을 렌더링 하기 위해, 버튼을 렌더링 할 곳에 className이 `portone-ui-container`인 DOM element를 선언하셔야 합니다.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 이렇게 중복 내용 2번 적는 것보다는 ## 일반 결제(loadPaymentUI) 호출하기 앞쪽에 새로 섹션 하나 분리해서 해당 섹션에 내용 서술하는 게 좋지 않을까요? ## UI 로딩 준비하기 라던가....

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

일반 결제/빌링키 발급 공통 준비 사항 이라는 이름으로 중복 제거하고 공통으로 내용 추가 했습니다~

Comment on lines 1609 to 1614
|파라미터 |설명 |예시 |
|---------|-------------------------------------------------------------------------------|-----------------------------------------------|
|`fncls` |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`로 항상 고정 |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`|
|`f` |주문번호(`paymentId`) 전달 |`paymentId_230980198` |
|`s` |string (`{페이팔 Account ID}_{페이지 유형}` 형식. 페이지 유형은 아래 목록 참고)|`7WBB3CKT63FRG_checkout-page` |
|`sandbox`|페이팔 Account ID가 테스트 용인지 운영 용인지 여부 |`true` |
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
|파라미터 |설명 |예시 |
|---------|-------------------------------------------------------------------------------|-----------------------------------------------|
|`fncls` |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`로 항상 고정 |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`|
|`f` |주문번호(`paymentId`) 전달 |`paymentId_230980198` |
|`s` |string (`{페이팔 Account ID}_{페이지 유형}` 형식. 페이지 유형은 아래 목록 참고)|`7WBB3CKT63FRG_checkout-page` |
|`sandbox`|페이팔 Account ID가 테스트 용인지 운영 용인지 여부 |`true` |
|파라미터 |설명 |예시 |
|---------|-------------------------------------------------------------------------------|-----------------------------------------------|
|`fncls` |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`로 항상 고정 |`fnparams-dede7cc5-15fd-4c75-a9f4-36c430ee3a99`|
|`f` |주문번호(`paymentId`) 전달 |`paymentId_230980198` |
|`s` |string (`{페이팔 Account ID}_{페이지 유형}` 형식. 페이지 유형은 아래 목록 참고)|`7WBB3CKT63FRG_checkout-page` |
|`sandbox`|페이팔 Account ID가 테스트 용인지 운영 용인지 여부 |`true` |

표가 위 list item 안에 들어가야 맥락에 맞는 활용일 것 같아서, indent를 빼기보다는 넣는 게 나을 것 같아요

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반영했습니다.

@XiNiHa XiNiHa force-pushed the fix/paypal-v2-description branch from 4156e08 to 2ddd670 Compare March 27, 2024 06:14
@XiNiHa XiNiHa merged commit 599191c into main Mar 27, 2024
4 checks passed
@XiNiHa XiNiHa deleted the fix/paypal-v2-description branch March 27, 2024 06:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants