refactor: 프론트 템플릿 리펙토링

This commit is contained in:
donghyeon-ka
2026-09-18 15:16:58 +09:00
parent c10a709f2c
commit 5cc41467ae
80 changed files with 7227 additions and 4672 deletions
@@ -90,11 +90,19 @@ production Playwright profile은 source fixture가 아니라 `build` + `preview`
#### TanStack Query의 React integration test 기반
`tests/component/application-query.test.tsx`는 production query inbound
adapter의 query/mutation lifecycle을 검증한다. cancellation, initial terminal
failure, background stale-failure latch와 retry 복구, duplicate submit,
optimistic commit/rollback, conflict 해제와 namespace invalidation이 실제
QueryClient 위에서 실행된다. HTTP 자동 retry가 소유자이므로 이 adapter의
production query inbound adapter의 React integration은 behavior owner별
component suite로 분리되어 있다.
- `application-query-bridge.test.tsx`: initial/background state, cancellation
- `application-query-scope-fence.test.tsx`: scope commit fence와 result budget
- `application-mutation-scope-fence.test.tsx`: mutation scope fence
- `application-query.test.tsx`: unknown-effect reconciliation
- `application-mutation-admission.test.tsx`: intent/duplicate admission
- `application-mutation-optimistic-cache.test.tsx`: optimistic cache commit/rollback
- `application-query-fixture.tsx`: 공통 QueryClient/scope fixture
각 실패 파일명이 깨진 behavior contract를 직접 드러내며, 동일한 52개 계약을
실제 QueryClient 위에서 검증한다. HTTP 자동 retry가 소유자이므로 이 adapter의
query/mutation vendor retry는 꺼져 있다.
#### Form과 route 위험