전담지원 신청
Guide > 클로드로 KCP 결제창 연동하기

클로드로 KCP 결제창 연동하기

개발 경험이 거의 없어도 NHN KCP 표준결제 결제창을 연동할 수 있도록, 환경 준비부터 거래등록·결제창 호출·승인·검증까지 단계별 프롬프트를 정리했습니다. 개발 언어를 선택한 뒤 1단계부터 차례대로 복사해 Claude Code에 입력하고, 각 단계의 정상 화면 기준을 확인하세요.

프롬프트 안의 테스트 값은 KCP 테스트 환경 기준입니다.
운영 결제를 시작할 때는 운영 사이트코드, 운영 서비스 인증서, 운영 URL로 교체해야 합니다.

개발 언어 선택

연동하려는 개발 언어를 선택하면 아래 단계별 프롬프트가 해당 언어 기준으로 자동 변경됩니다.
컴퓨터 환경 차이는 1단계에서 Claude Code가 먼저 확인하도록 구성했습니다.

0단계 Claude Code 시작하기

프롬프트를 붙여넣으려면 먼저 Claude Code를 열어야 합니다.
비개발자라면 클로드 데스크톱 앱 또는 VS Code 확장 방식 중 익숙한 방법을 선택하세요.

1단계 개발 환경 만들기

프로젝트 폴더를 만들고 선택한 언어의 로컬 서버를 실행할 수 있도록 준비합니다.

이 단계가 끝나면 브라우저에서 Hello KCP가 보여야 합니다. 화면이 열리지 않으면 서버 실행 명령어와 포트 번호를 Claude에 다시 확인시키세요.

2단계 모바일 거래등록

주문 정보를 KCP에 등록하고 결제창 호출에 필요한 값을 받습니다.

이 단계가 끝나면 거래등록 응답에서 approvalKey와 PayUrl이 보여야 합니다. Code가 0000이 아닐 경우, 요청값과 Ret_URL을 먼저 확인하세요.

3단계 모바일 결제창 호출

모바일 환경에서 거래등록 응답값으로 결제창을 호출합니다.

이 단계가 끝나면 모바일 결제창이 열리거나 인증 결과가 승인 화면으로 넘어가야 합니다.

4단계 PC 결제창 호출

PC 환경에서 KCP 결제창 스크립트로 결제창을 실행합니다. 결제창 호출 후, 카드사를 선택할 때 카드사별 보안 프로그램 설치가 요구될 수 있습니다.

이 단계가 끝나면 PC 결제창이 정상적으로 떠야 합니다. 결제창이 안 뜨면 스크립트 주소와 m_Completepayment 함수명을 확인하세요.

5단계 결제 승인 처리

결제창 인증 결과로 KCP 승인 서버에 최종 승인을 요청합니다.
5단계 프롬프트를 입력 후, 테스트용 서비스인증서 pem 파일도 함께 업로드 하세요.

이 단계가 끝나면 승인 성공 결과에 res_cd 0000과 거래번호가 표시되어야 합니다.
만약 8350 오류가 발생한다면 6단계 결제 검증 규칙을 적용하고, 결제가 실패한다면 인증서 경로와 승인 URL을 확인하세요.

6단계 결제건 검증 규칙 적용

8350 오류 발생 방지를 위해 승인 전후로 금액·결제수단·주문번호가 일치하는지 확인하는 검증 규칙을 적용합니다.

이 단계가 끝나면 신용카드·계좌이체·휴대폰 테스트에서 금액, 결제수단, 주문번호 검증을 통과하여 8350 오류가 발생하지 않아야 합니다.

단계별 정상 화면 예시

개발 환경 확인 화면
1. 개발 환경 확인 화면
모바일 거래등록 결과 화면
2. 모바일 거래등록 결과 화면
모바일 결제창 호출 화면
3. 모바일 결제창 호출 화면
PC 결제창 호출 화면
4. PC 결제창 호출 화면
결제 승인 성공 화면
5. 결제 승인 성공 화면
막혔을 때 Claude에게 다시 물어보는 방법은 무엇인가요?

오류가 발생하면 “안 돼요”라고만 입력하지 말고, 현재 단계·오류 메시지·화면 상태·직전에 실행한 내용을 한 번에 전달하세요.
그래야 Claude가 원인을 좁혀서 바로 수정할 수 있습니다.

01

현재 단계

예: 2단계 모바일 거래등록을 진행 중입니다.

02

오류 메시지

터미널·브라우저 콘솔·KCP 응답 메시지를 그대로 붙여넣으세요.

03

현재 화면

가능하면 화면 캡처를 함께 첨부하세요.

04

직전에 한 일

복사한 프롬프트, 실행한 명령어, 접속한 URL을 알려주세요.

오류 질문 템플릿

나는 지금 KCP 표준결제 결제창 연동 가이드의 [단계명]을 진행 중이야.

1. 발생한 오류
[오류 메시지를 그대로 붙여넣기]

2. 현재 화면 상태
[브라우저 화면 / Claude가 출력한 내용 / KCP 응답값]

3. 직전에 실행한 내용
[복사한 프롬프트 / 실행 명령어 / 접속 URL]

아래 기준으로 답변해줘.
- 오류 원인을 비개발자도 이해할 수 있게 설명
- 내가 직접 확인해야 하는 것
- 네가 코드에서 수정해야 하는 것
- 수정 후 다시 확인할 화면 또는 URL
- 다음 단계로 넘어가도 되는지 여부

상황별로 함께 보내면 좋은 정보

상황함께 보내면 좋은 정보
결제창이 안 열릴 때브라우저 콘솔 오류, kcp_spay_hub.js 로드 여부, 버튼 클릭 시 반응
거래등록이 실패할 때KCP 응답 코드, 요청 JSON, Ret_URL, site_cd 값
승인이 실패할 때res_cd, res_msg, enc_data·enc_info 수신 여부, 서비스 인증서 경로
8350 오류가 날 때결제창에 보낸 금액·주문번호·결제수단과 승인 요청값
비개발자를 위해 용어 설명을 해주세요.

프롬프트 안에서 자주 등장하는 용어를 먼저 이해하면 Claude가 만든 결과를 확인하기 쉬워집니다.

거래등록

모바일 결제창을 열기 전에 주문 정보를 KCP에 미리 등록하는 단계입니다.

approvalKey

거래등록 성공 후 KCP가 주는 결제창 호출용 키입니다. 결제창에는 approval_key라는 이름으로 전달합니다.

enc_data / enc_info

결제창 인증 결과로 내려오는 암호화 값입니다. 절대 수정하지 않고 승인 요청에 그대로 사용합니다.

세션

결제 중간에 주문번호, 금액, 결제수단을 서버에 잠시 저장하는 공간입니다.

Ret_URL

모바일 결제창 인증이 끝난 뒤 결과를 돌려받는 가맹점 주소입니다.

pay_type

승인 요청 때 사용하는 KCP 결제수단 코드입니다. CARD, BANK, MOBX를 PACA, PABK, PAMC로 바꿔 보냅니다.

운영환경으로 전환하는 방법은 무엇인가요?

KCP 운영환경으로 전환하기 위해서는 먼저 KCP와의 계약을 진행하셔야 합니다.
KCP 간편신청으로 빠르게 계약을 진행해 보세요.
계약을 완료하셨다면, 온보딩 페이지를 참고하시어 운영환경 값으로 교체하세요.

항목테스트운영
사이트코드T0000계약 후 발급된 실제 사이트코드
거래등록 URLtestsmpay.kcp.co.krsmpay.kcp.co.kr
PC 결제창 JStestspay.kcp.co.krspay.kcp.co.kr
승인 URLstg-spl.kcp.co.krspl.kcp.co.kr
서비스 인증서테스트 인증서파트너관리자에서 발급한 운영 인증서

테스트 환경 값

프롬프트를 통해 테스트 환경을 구현할 경우, 아래 테스트 값들이 사용됩니다.
실제 운영 환경에서는 계약 후 발급받은 값으로 변경해야 합니다.

항목테스트 값설명
사이트코드T0000KCP 테스트 가맹점 코드입니다.
서비스인증서테스트용 서비스인증서 다운로드KCP 테스트 서비스 인증서입니다.
거래등록 URLhttps://testsmpay.kcp.co.kr/trade/register.doMobile 결제창 호출 전에 주문을 등록하는 주소입니다.
PC 결제창 JShttps://testspay.kcp.co.kr/plugin/kcp_spay_hub.jsPC 결제창을 호출하는 KCP 스크립트입니다.
승인 URLhttps://stg-spl.kcp.co.kr/gw/enc/v1/payment결제창 인증 후 최종 승인을 요청하는 주소입니다.