Files
Aislo/docs/wiki/pages/B10_Payment/B10_frontend.md
T
eomsangdonandClaude Opus 5 eb30b774f8 chore(docs): docs 폴더 git 추적 전환 · PLAN·OWNERS 최상위 이관
- `docs/` 를 .gitignore 에서 빼 git 추적 대상으로 전환 (위키·완료 이력·검증 기록)
- `docs/raw/PLAN.md` · `docs/raw/OWNERS.md` 를 저장소 최상위로 이동 후 .gitignore 에 등록
  — 창끼리 공유하되 저장소에는 안 올리는 장부
- 살아 있는 경로 참조 7개 파일 정정 (아카이브 107건은 그때 사실이라 그대로 둠)
- graphify 날짜별 산출물(`docs/wiki/graphify-out/20*/`) 제외 — `graphify update` 가 다시 만듦

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-09 18:19:07 +09:00

2.1 KiB

status, page_id, related_pages, last_updated, source
status page_id related_pages last_updated source
stable B10_Payment
B11_Status/B11_frontend
ui_templates
architecture/project_map
2026-07-17 docs/raw/verification/2026-07-17_verify_layout_and_payment_mockups.md

B10_Payment — Frontend

결재 페이지. 일반결재(세금계산서 발행 요청 + 통장 입금 안내) 흐름의 화면 골격 목업.

파일 구조

파일 위치 역할
B10_Payment_UI_Page.ts B10_Payment/B10_Payment_UI_Page.ts:1-120 결재 폼 렌더링 + 발행 요청 처리 목업
B10_Payment_UI_Style.css B10_Payment/B10_Payment_UI_Style.css:1-40 결재 폼 전용 스타일시트

주요 컴포넌트 및 함수 (Mockup)

함수 위치 역할
renderB10Payment(root) B10_Payment/B10_Payment_UI_Page.ts:15 일반업무 레이아웃 기반 세금계산서 발행 요청 정보 입력 카드 구성
onB10_Request_TaxInvoice_Click() B10_Payment/B10_Payment_UI_Page.ts:50 발행 요청 제출 핸들러 (더미 데이터 유효성 검사 및 B11 상태 화면 이동)

비즈니스 로직 전제 (목업)

  • 결재 방식: 카드 자동 결재가 아닌, 기업간 거래를 위한 일반결재(세금계산서 발행 및 계좌 입금) 방식을 따릅니다.
  • 사용자 입력 항목: 사업자등록번호, 상호명, 대표자명, 이메일 주소.
  • 동작: 사용자가 정보를 입력하고 "발행 요청"을 누르면 목업 상태에 따라 발행 접수 처리(Mock) 후 B11 결재 상태 화면으로 이동합니다.

로컬라이제이션

UI 요소 로케일 키
제목 B10_Payment_Title
사업자 번호 / 상호 B10_Payment_Field_RegNum, B10_Payment_Field_CompName
발행요청 버튼 B10_Payment_Submit
계좌 안내 정보 B10_Payment_Account_Info

의존성

  • ui_templatesui_template_general_layout.ts (일반업무 레이아웃 사용) 및 createInputField, createButton 공용 블록
  • config_frontend.tsROUTES 관리