Problem

• 현재 사용자가 예약 승인 여부를 확인하려면 많은 단계를 거쳐야 합니다. (브라우저 오픈 ⇒ 사이트 접속 ⇒ 로그인 ⇒ 알림 확인)
• 예약자는 항상 사이트에 접속해 있을 수 없습니다.
• 모바일에서도 앱을 통해 쉽게 접근할 수 있어야 합니다.

Problem Solving

• PWA 도입을 통한 접근성 높이기

  • 주어진 기간 내에 Native 개발이 가능한가? ⇒ No ⇒ PWA 도입 결정

  • PWA 핵심 조건

    • [x] 앱 아이콘 ⇒ manifest.json 작성
    • [x] 반응형 디자인 ⇒ 전체 프로젝트를 모바일 퍼스트 디자인으로 개발 중
    • [x] 오프라인 접근 ⇒ next-pwa 를 사용해 오프라인 폴백 컴포넌트 제작

    

    • [ ] 푸시 알림을 통한 재참여 유도
• 푸시 알림 구현
  • 푸시 서비스
  • 서버 구축
  • 전체 아키텍처
  • 알림 수신

Output

• 앱 실행 여부와 관계 없는 빠른 예약 정보 업데이트

  데스크톱 알림

  데스크톱 알림

  모바일 알림

  모바일 알림

• PWA 도입을 통한 접근성 향상

  

  모바일 앱 아이콘

• PWA 개념, 웹 푸시 알림 프로토콜, Service Worker의 이해

• PWA 도입기를 팀원들과 공유