이 레슨을 한국어로 번역하는 중입니다. 지금은 English 버전을 보고 계십니다.번역을 도와주세요

0%

본문으로 건너뛰기

Capstone: ship Smart Ledger

고급~50 분0/5 단계

Assemble the product

This capstone starts empty—there is no fake ledger. A real user adds their own transactions. The app validates and normalizes input, stores amounts as agorot, persists locally, derives KPIs, filters rows, deletes entries, and exports a JSON backup.

The export is a real artifact. The storage is real browser storage. The only limitation is deliberate: this learning project never connects to a bank and never asks for banking credentials.

안내

1

Implement loadTransactions and saveTransactions using localStorage and JSON.

힌트: Restore [] on parse failure; stringify transactions on every mutation.

어디에 작성하나요?

// Assemble: load/save, validation, add/delete, derived KPIs, filter, and JSON export.

5번째 줄에 작성하세요 — 그 주석 아래, 이미 추가한 코드 다음입니다.

2

Validate and normalize input in createTransaction.

3

Render KPIs and filtered rows from the transactions array.

4

Implement add and delete flows, saving after each mutation.

5

Export a real JSON backup with Blob and URL.createObjectURL.

내 코드

html
5 줄
1
2
3
4
5

실시간 미리보기

실시간 미리보기