[React] PWA란?

PWA (Progressive Web Apps)

이게 요즘 프론트에서 그렇게 핫하다묘?
모바일로 서비스를 만드는 방법은 여러가지가 있는데 그 중에 하나인 PWA에 대해서 포스팅 해보려고 한다.

모바일 서비스를 방법은 뭐가 있는데?

• 네이티브 앱 (Native App)
• 프로그레시브 웹 앱 (PWA)
• 하이브리드 앱 (Hybrid App)
• 웹 앱 (Web App)

네이티브 앱 (Native App)

안드로이드 : Kotlin / Java
iOS : Swift / Objective C

네이티브 앱 장점

• 네이티브 앱은 각기의 모바일 운영체제(OS)에서 제공하는 툴과 언어 등에 따라 기능들을 최대한 살리기 때문에, 높은 사양의 그래픽과 성능을 자랑하면서도 구동 속도가 빠름.
• Native API를 호출하여 사용함으로 플랫폼과 밀착되어 있습니다.

  native API란?

  메모리관리자, I/O 시스템, 객체 관리자, 프로세스와 쓰레드 등에 직접적으로 접근할 수 있는 인터페이스를 제공하므로 윈도우 커널에 대한 가장 직접적인 인터페이스라고 할 수 있다. 어플리케이션 프로그램은 윈도우9X와의 호환성을 유지하기 위해서 네이티브 API를 직접적으로 호출해서 사요하면 안된다. 그래서 Microsoft는 어플리케이션 프로그램이 시스템과 상호작용하기 위해 Win32 API 만을 이용하게 요구하는 내용을 문서화 했다.

• 3D 게임이나 애니메이션 제작에 어떤 장치의 특별한 기능을 사용하고 싶을 때
• 앱 기능이 많고 상당히 복잡한데 그 성능이 정확히 나오게 하고 싶을 때

네이티브 앱 단점

• 플랫폼에 한정적
• 해당 플랫폼에서 요구하는 언어와 플랫폼의 API를 잘 알아야 함

하이브리드 앱(Hybrid app)

하이브리드 앱 장점

하이브리드 앱 단점

프로그레시브 웹 앱(PWA: Progressive Web App)

PWA 장점

PWA 단점

https://velog.io/@openhub/%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%95%B1Native-App-vs-%ED%95%98%EC%9D%B4%EB%B8%8C%EB%A6%AC%EB%93%9C-%EC%95%B1Hybrid-App-vs-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%A0%88%EC%8B%9C%EB%B8%8C-%EC%9B%B9-%EC%95%B1PWA-%EC%A0%95%EC%9D%98%EC%99%80-%EC%9E%A5%EB%8B%A8%EC%A0%90