크레딧 충전 및 사용권 구매 사용 방법

credits.html은 AI 크레딧 충전, MathCut 사용권 구매, 비용표 조회, 사용 내역 확인을 한 화면에서 처리하도록 설계된 결제 관리 페이지입니다.

1. 화면 구성

상단 요약 카드: 현재 AI 크레딧 잔액과 총 구매 AI 크레딧을 확인합니다.
탭 메뉴: 구매하기, AI 서비스별 비용표, AI 사용내역, 결제내역
각 탭은 클릭 시 해당 섹션만 표시하여 필요한 작업에 집중할 수 있습니다.

2. 구매하기 탭

초기 선택

MathCut사용권 구매하기
AI크레딧 구매하기

MathCut 사용권 구매 흐름

1단계: 플랜 선택
- Starter, Growth, Pro, Scale 중 하나를 선택합니다.
- 각 플랜은 저장 용량과 지원 학생 수가 다릅니다.
2단계: 기간 선택
- 30일, 6개월, 12개월 중 하나를 선택합니다.
- 6개월 선택 시 5% 할인, 12개월 선택 시 10% 할인 적용.
결제하기
- 기간과 금액을 확인한 뒤 결제하기 버튼을 눌러 진행합니다.

AI크레딧 구매 흐름

AI 크레딧 상품 목록은 서버에서 불러옵니다.
일반적으로 11,000원, 33,000원, 99,000원, 330,000원 등의 상품이 표시됩니다.
원하는 상품을 클릭하면 결제하기 버튼이 활성화됩니다.

3. AI 서비스별 비용표 탭

이 탭에서는 AI 기능별로 얼마의 크레딧이 차감되는지 확인할 수 있습니다.
서버에서 불러온 비용표가 항목별로 표시됩니다.
AI 기능 비용을 사전에 파악하여 크레딧을 효율적으로 사용할 수 있습니다.

4. AI 사용내역 탭

AI 사용내역은 AI 기능 이용 시 차감된 크레딧 이력을 날짜별로 보여줍니다.
검색 필드로 시작일, 종료일을 설정하고 기간 조회 버튼을 눌러 결과를 확인합니다.
초기화 버튼을 누르면 기간 검색 조건이 해제됩니다.
결과는 서비스 종류, 사용 날짜/시간 (KST), 차감 크레딧 순으로 정렬됩니다.
페이지 하단에서 이전/다음 버튼을 눌러 여러 페이지를 이동할 수 있습니다.

5. 결제내역 탭

결제내역은 결제한 상품과 금액을 확인하는 기능입니다.
기간 필터를 통해 필요한 기간의 결제 내역을 손쉽게 조회할 수 있습니다.
결과는 결제 날짜/시간 (KST), 상품, 금액 형태로 표시됩니다.
페이지 네비게이션으로 이전/다음 페이지를 이동할 수 있습니다.

6. 결제 결과 확인

결제가 완료되거나 실패하면 결제 상태 모달이 표시됩니다.
결제 성공 시 화면 상단 요약 카드의 크레딧 잔액과 총 구매 크레딧이 자동으로 갱신됩니다.
실패 시 오류 메시지를 확인하고 다시 시도할 수 있습니다.

7. 추가 팁

홈으로 링크를 눌러 언제든 홈 화면으로 돌아갈 수 있습니다.
AI 크레딧과 MathCut 사용권은 별도 상품입니다.
AI 사용 시 필요한 크레딧 단가는 AI 서비스별 비용표 탭에서 미리 확인하세요.