662e76af96
iOS 웹뷰에서 이미지 다운로드를 위한 네이티브 브릿지 기능을 React Hook 패턴으로 리팩토링하여 일관성과 재사용성 개선 변경사항: - useAppBridge Hook에 saveImage 메서드 추가 - utils/appBridge.ts에 saveImage 메서드 구현 - 세 개의 샘플 컴포넌트에서 useAppBridge Hook 사용 * cash-receipt-sample.tsx * deposit-receipt-sample.tsx * tax-invoice-sample.tsx - 직접 appBridge import 제거, Hook 패턴으로 통일 - TypeScript 타입 안전성 개선 (null 체크 추가) 기술 개선: - React Hook 패턴으로 컴포넌트 라이프사이클과 통합 - safeCall을 통한 자동 에러 처리 - iOS 환경에서만 네이티브 브릿지 사용 - Android/웹은 기존 다운로드 방식 유지 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
웹 프론트엔드 개발 환경
1. 개발 환경
- Vite: 빠른 개발 서버 및 번들러
- TypeScript: 정적 타입 지원
- ESLint: 코드 린팅(정적 분석)
- Prettier: 코드 포매터
2. UI/UX
- TailwindCSS: 유틸리티 기반 CSS 프레임워크
- react-i18next: 다국어(i18n) 지원
3. 네트워킹 & 데이터
- Axios: HTTP 클라이언트
- openapi-typescript 또는 Orval: OpenAPI 기반 API 타입/클라이언트 코드 자동 생성
- TanStack/React Query: 서버 상태 관리 및 데이터 패칭
4. 네비게이션 & 라우팅
- TanStack/React Router: SPA 라우팅
5. 상태 관리
- Zustand: 클라이언트/로컬 상태 관리
- TanStack/React Query: 서버 상태 관리