송금 링크 생성기 (토스 & 카카오페이)

이 프로젝트는 PC와 모바일 환경에 최적화된 송금 요청 페이지를 생성하는 간단한 클라이언트 측 웹 애플리케이션입니다. 사용자는 링크나 QR 코드를 공유하여 간편하게 송금을 요청할 수 있습니다.

주요 기능

• 기기별 맞춤 UI (반응형):
  • PC: 사용자가 휴대폰으로 스캔할 수 있도록 토스 및 카카오페이 QR 코드를 탭 형태로 제공합니다.
  • 모바일: 스캔 과정 없이 바로 앱을 열 수 있도록 송금 버튼을 전면에 배치합니다.
• 동적 금액 설정: URL 파라미터를 통해 송금 요청 금액을 자유롭게 지정할 수 있습니다.
• 계좌 복사 기능: 원클릭으로 계좌 번호를 복사할 수 있어 앱 연결이 어려운 상황에서도 편리합니다.
• 멀티 앱 지원: 대한민국 대표 송금 서비스인 **토스(Toss)**와 **카카오페이(Kakao Pay)**를 모두 지원합니다.
• 백엔드 불필요: 브라우저에서 모든 로직이 실행되므로 정적 웹 호스팅 서비스(GitHub Pages, Vercel 등)에 즉시 배포 가능합니다.

사용 방법

1. 특정 금액으로 송금을 요청하는 경우:
   • URL 뒤에 금액을 추가합니다. (예: 10,000원 요청 시 https://your-website.com/?10000)
2. 금액 지정 없이 송금을 요청하는 경우:
   • 파라미터 없이 기본 URL을 사용합니다. (https://your-website.com/)

개발자 설정

이 프로젝트는 별도의 빌드 과정이 필요 없는 순수 HTML/JS 프로젝트입니다.

1. 저장소 복제:

   git clone https://github.com/your-username/payment-link-generator.git

2. 맞춤 설정 (index.html 수정):
   • index.html 파일을 열어 다음 정보를 본인의 정보로 변경하세요.
   • 수취인 이름: <h1> 태그의 ???를 이름으로 변경
   • 은행 정보: 스크립트 상단의 BANK_NAME, ACCOUNT_NUMBER, BANK_CODE 수정

     const BANK_NAME = "토스뱅크";
     const ACCOUNT_NUMBER = "100012345678";
     const BANK_CODE = "092"; // 카카오페이용 3자리 은행 코드

   • 주요 은행 코드는 index.html 파일 내 주석을 참조하세요.

라이브러리 안내

• qrcode.js: 클라이언트 측에서 QR 코드를 생성하기 위해 사용되었습니다. 가독성을 위해 일부 주석이 추가된 버전입니다.

라이선스

이 프로젝트는 MIT 라이선스를 따르는 오픈 소스 소프트웨어입니다.