EROKE ORIGINAL WEBBOOK

반응형 웹을 진짜 앱으로

전체 목차51개 장
  1. 반응형 웹을 진짜 앱으로: 1장. WebView 앱이 맞는 문제
  2. 반응형 웹을 진짜 앱으로: 2장. 반응형 웹 먼저 점검하기
  3. 반응형 웹을 진짜 앱으로: 3장. Capacitor 구조
  4. 반응형 웹을 진짜 앱으로: 4장. 개발 환경과 첫 실행
  5. 반응형 웹을 진짜 앱으로: 5장. 로컬 번들과 원격 URL
  6. 반응형 웹을 진짜 앱으로: 6장. 브리지 보안 계약
  7. 반응형 웹을 진짜 앱으로: 7장. 카메라와 파일
  8. 반응형 웹을 진짜 앱으로: 8장. 위치와 개인정보
  9. 반응형 웹을 진짜 앱으로: 9장. 오프라인 데이터와 동기화
  10. 반응형 웹을 진짜 앱으로: 10장. Secure Storage와 생체 인증
  11. 반응형 웹을 진짜 앱으로: 11장. OAuth를 시스템 브라우저로
  12. 반응형 웹을 진짜 앱으로: 12장. 딥링크·Universal Link·App Link
  13. 반응형 웹을 진짜 앱으로: 13장. Push Notification
  14. 반응형 웹을 진짜 앱으로: 14장. 앱 수명주기와 Background
  15. 반응형 웹을 진짜 앱으로: 15장. FieldMate 동일 실습 화면
  16. 반응형 웹을 진짜 앱으로: 16장. iOS App ID와 Capability
  17. 반응형 웹을 진짜 앱으로: 17장. Apple 인증서와 Provisioning Profile
  18. 반응형 웹을 진짜 앱으로: 18장. iOS 서명 트러블슈팅
  19. 반응형 웹을 진짜 앱으로: 19장. TestFlight와 App Store
  20. 반응형 웹을 진짜 앱으로: 20장. Apple Enterprise와 Custom App
  21. 반응형 웹을 진짜 앱으로: 21장. Android package·variant·권한
  22. 반응형 웹을 진짜 앱으로: 22장. Android 서명 키
  23. 반응형 웹을 진짜 앱으로: 23장. Google Play 출시
  24. 반응형 웹을 진짜 앱으로: 24장. Android Enterprise 배포
  25. 반응형 웹을 진짜 앱으로: 25장. Web·Native 이중 릴리스
  26. 반응형 웹을 진짜 앱으로: 26장. 인증서 만료 운영판
  27. 반응형 웹을 진짜 앱으로: 27장. CI/CD
  28. 반응형 웹을 진짜 앱으로: 28장. 관측·Crash·지원
  29. 반응형 웹을 진짜 앱으로: 29장. 장애와 롤백
  30. 반응형 웹을 진짜 앱으로: 30장. 14일 완주 과정
  31. 반응형 웹을 진짜 앱으로: 31장. 저작권·정책·출간 검수
  32. 반응형 웹을 진짜 앱으로: 32장. FieldMate 위협 모델을 먼저 그린다
  33. 반응형 웹을 진짜 앱으로: 33장. Navigation과 Bridge를 allowlist로 잠근다
  34. 반응형 웹을 진짜 앱으로: 34장. 카메라에서 서버 영수증까지 추적한다
  35. 반응형 웹을 진짜 앱으로: 35장. Offline DB와 Queue를 transaction으로 묶는다
  36. 반응형 웹을 진짜 앱으로: 36장. 충돌을 숨기지 않고 업무 규칙으로 푼다
  37. 반응형 웹을 진짜 앱으로: 37장. Native OAuth callback을 상태 기계로 만든다
  38. 반응형 웹을 진짜 앱으로: 38장. Universal Link와 App Link를 서버에서 검증한다
  39. 반응형 웹을 진짜 앱으로: 39장. Push는 힌트이고 권한 증명은 아니다
  40. 반응형 웹을 진짜 앱으로: 40장. iOS 서명 실패를 네 묶음으로 좁힌다
  41. 반응형 웹을 진짜 앱으로: 41장. Android 서명과 Play App Signing을 구분한다
  42. 반응형 웹을 진짜 앱으로: 42장. 인증서 Inventory를 실행 가능한 장부로 만든다
  43. 반응형 웹을 진짜 앱으로: 43장. 접근성과 모바일 UX를 실기기로 확인한다
  44. 반응형 웹을 진짜 앱으로: 44장. 성능을 Web·Bridge·Native로 나눠 측정한다
  45. 반응형 웹을 진짜 앱으로: 45장. 실제 기기 테스트 Matrix를 운영한다
  46. 반응형 웹을 진짜 앱으로: 46장. CI 서명 경계를 분리한다
  47. 반응형 웹을 진짜 앱으로: 47장. Web과 Binary를 함께 롤백한다
  48. 반응형 웹을 진짜 앱으로: 48장. 장애 훈련 — 동기화는 성공인데 사진이 없다
  49. 반응형 웹을 진짜 앱으로: 49장. 장애 훈련 — 인증서 교체 뒤 일부 앱만 로그인 실패한다
  50. 반응형 웹을 진짜 앱으로: 50장. 18일 완주와 최종 실기
  51. 반응형 웹을 진짜 앱으로: 51장. 상업판 최종 판정

WebView·디바이스 기능·인증서·Enterprise·Store 출시

FieldMate 반응형 웹을 iOS·Android 앱으로 만들고 offline, camera, OAuth, signing과 store 운영을 익힌다.

상태: 출간 후보 웹교정쇄 · 웹 빌드·자동 QA 통과 · CLI 취약점·실기기·스토어 검수 대기 · 51개 장

반응형 웹과 두 모바일 앱, 디바이스 기능, 인증서, 스토어의 연결
반응형 웹과 두 모바일 앱, 디바이스 기능, 인증서, 스토어의 연결

확인일 2026-08-14, 예제는 Capacitor 8.5.0을 고정한다. FieldMate는 현장 점검원이 체크리스트를 열고 사진·위치·서명 메모를 오프라인에 저장한 뒤 동기화하는 서비스다. 앱을 처음 만드는 웹 개발자도 따라오도록 웹·네이티브·배포의 경계를 반복해서 설명한다.

목차

  1. 1장. WebView 앱이 맞는 문제
  2. 2장. 반응형 웹 먼저 점검하기
  3. 3장. Capacitor 구조
  4. 4장. 개발 환경과 첫 실행
  5. 5장. 로컬 번들과 원격 URL
  6. 6장. 브리지 보안 계약
  7. 7장. 카메라와 파일
  8. 8장. 위치와 개인정보
  9. 9장. 오프라인 데이터와 동기화
  10. 10장. Secure Storage와 생체 인증
  11. 11장. OAuth를 시스템 브라우저로
  12. 12장. 딥링크·Universal Link·App Link
  13. 13장. Push Notification
  14. 14장. 앱 수명주기와 Background
  15. 15장. FieldMate 동일 실습 화면
  16. 16장. iOS App ID와 Capability
  17. 17장. Apple 인증서와 Provisioning Profile
  18. 18장. iOS 서명 트러블슈팅
  19. 19장. TestFlight와 App Store
  20. 20장. Apple Enterprise와 Custom App
  21. 21장. Android package·variant·권한
  22. 22장. Android 서명 키
  23. 23장. Google Play 출시
  24. 24장. Android Enterprise 배포
  25. 25장. Web·Native 이중 릴리스
  26. 26장. 인증서 만료 운영판
  27. 27장. CI/CD
  28. 28장. 관측·Crash·지원
  29. 29장. 장애와 롤백
  30. 30장. 14일 완주 과정
  31. 31장. 저작권·정책·출간 검수
  32. 32장. FieldMate 위협 모델을 먼저 그린다
  33. 33장. Navigation과 Bridge를 allowlist로 잠근다
  34. 34장. 카메라에서 서버 영수증까지 추적한다
  35. 35장. Offline DB와 Queue를 transaction으로 묶는다
  36. 36장. 충돌을 숨기지 않고 업무 규칙으로 푼다
  37. 37장. Native OAuth callback을 상태 기계로 만든다
  38. 38장. Universal Link와 App Link를 서버에서 검증한다
  39. 39장. Push는 힌트이고 권한 증명은 아니다
  40. 40장. iOS 서명 실패를 네 묶음으로 좁힌다
  41. 41장. Android 서명과 Play App Signing을 구분한다
  42. 42장. 인증서 Inventory를 실행 가능한 장부로 만든다
  43. 43장. 접근성과 모바일 UX를 실기기로 확인한다
  44. 44장. 성능을 Web·Bridge·Native로 나눠 측정한다
  45. 45장. 실제 기기 테스트 Matrix를 운영한다
  46. 46장. CI 서명 경계를 분리한다
  47. 47장. Web과 Binary를 함께 롤백한다
  48. 48장. 장애 훈련 — 동기화는 성공인데 사진이 없다
  49. 49장. 장애 훈련 — 인증서 교체 뒤 일부 앱만 로그인 실패한다
  50. 50장. 18일 완주와 최종 실기
  51. 51장. 상업판 최종 판정