[cost-pdf.html] 지출·노무·인사 데이터 업로드 체계 및 로컬 캐싱 로직 관리 #18

New Issue

Hyein · 2026-03-04T13:29:37+09:00

Hyein commented

2026-03-04 13:29:37 +09:00

관련 파일: cost-pdf.html

HTML 기반 원가 분석 툴에서 다중 엑셀 파일 업로드 및 브라우저 로컬 캐싱을 관리하는 데이터 레이어 설계를 정의합니다.

관련 코드 위치:

데이터 레이어 설계:

다중 파일 처리:
- FactoryWorker.xls (노무비), CostDetail.xlsx (경비/수익) 등 여러 파일을 동시에 처리합니다.
캐싱 메커니즘:
- 업로드된 데이터를 JSON 문자열로 변환하여 브라우저의 localStorage에 저장합니다.
- SAVED_AT 타임스탬프를 함께 기록하여 데이터의 최신 여부를 관리합니다.
성능 최적화:
- 페이지 새로고침 시에도 기존 데이터를 유지하여 재업로드의 번거로움을 제거합니다.
- Data URL 형태로 저장하여 오프라인 환경에서도 데이터 접근성을 보장합니다.

특이사항:

민감한 개인정보(급여 상세 등)는 클라이언트 브라우저 내에서만 유지되며, 서버로 전송되지 않는 구조입니다.

담당 부서: (주)장헌 원가관리팀
담당자: @Hyein
관리 레이블: (주)장헌::원가정산

관련 파일: [cost-pdf.html](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/cost-pdf.html) HTML 기반 원가 분석 툴에서 다중 엑셀 파일 업로드 및 브라우저 로컬 캐싱을 관리하는 데이터 레이어 설계를 정의합니다. **관련 코드 위치:** - [로컬 스토리지 캐싱 및 복원 로직 (Cache Management)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/cost-pdf.html#L187-L276) - [파일 업로드 및 파싱 핸들러 (onUpload)](https://gitea.hmac.kr/Hyein/issue-sample/src/branch/master/cost-pdf.html#L545-L568) **데이터 레이어 설계:** 1. **다중 파일 처리**: - `FactoryWorker.xls` (노무비), `CostDetail.xlsx` (경비/수익) 등 여러 파일을 동시에 처리합니다. 2. **캐싱 메커니즘**: - 업로드된 데이터를 JSON 문자열로 변환하여 브라우저의 `localStorage`에 저장합니다. - `SAVED_AT` 타임스탬프를 함께 기록하여 데이터의 최신 여부를 관리합니다. 3. **성능 최적화**: - 페이지 새로고침 시에도 기존 데이터를 유지하여 재업로드의 번거로움을 제거합니다. - `Data URL` 형태로 저장하여 오프라인 환경에서도 데이터 접근성을 보장합니다. **특이사항:** - 민감한 개인정보(급여 상세 등)는 클라이언트 브라우저 내에서만 유지되며, 서버로 전송되지 않는 구조입니다. --- *담당 부서: (주)장헌 원가관리팀* *담당자: @Hyein* *관리 레이블: `(주)장헌::원가정산`*

Hyein added the (주)장헌::원가정산 label 2026-03-04 13:29:43 +09:00

Hyein closed this issue

2026-03-04 13:30:07 +09:00

Hyein self-assigned this 2026-03-04 13:33:46 +09:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Hyein/issue-sample#18