📝 PWA 이해하기

PWA란?

• Progressive web abb의 줄임말임
• html, css js와 같은 웹기술로 만드는 앱
• 근데 네이티브랑 비슷할 정도로 아주아주 좋다

중요!
여기서 세상에 모든 사이트들에 몇가지 기능만 추가하면 PWA로 바꿀 수 있음
이말은 즉 네이티브 PWA가 네이티브보다 더 빠르게 개발 할 수 있다는거임

• 대표적으로 트위터도 PWA임
• 우리가 모바일로 트위터 웹사이트에 들어가면? 홈에 아이콘을 추가 할 수 있음

• 이러면 네이티브와 동일하게 생긴 기능도 동일한 앱이 생김

• 앞으로 더더욱 인기가 많아질 것이며
• 스벅, 핀터레스트, 우버등도 PWA를 사용하며 네이티브와 비슷한 UX를 제공함

그래서 네이티브랑 머가 다른데?

• 네이티브는 해당 플랫폼에 특화된 언어로 만들어짐(안드: 자바, IOS: 스위프트)
• 공통된 어플리케이션을 개발하고싶으면 다양한 환경에서 적용되는 모든 기술을 알아야함

• 개어려움

• 그래서 PWA가 나온거임
• 아직까지는 네이티브에서 지원이 안되는 경우도 많았지만(특히 애플)
• IOS 15.4버전부터는 푸쉬도 지원한다 하니 앞으로의 앞날이 좋다 이말임
• 그리고 일단 홈화면에 저장되면, 브라우저에저 실행되며 네이티브 앱처럼 동작함!!

그래서 장점은?

• 다양한 앱스토어에 출시하기 위해 별도의 프로세스? 필요없음
• 일반적인 웹기술로 제작 가능
• 개발비용도 대체로 저렴함
• 반응형이기에 다양한 화면에 잘 동작함
• 부드럽고 빠르며 가볍다
• 수수료가 없다(아마도?)
• 오프라인에서도 잘 작동한다
• SEO에서도 찾을 수 있다!(웹기반이니까?)
• 푸쉬알림도 가능함!
• 다운도 필요없고 설치 간단스

하지만 한계점도 있음

• 막 고성능 게임을 이딴걸로 만든다? 죽으셈.,.
• 앱스토어 노출에 최적화 되어있지 않음
• 대체로 성능은 네이티브가 뛰어남
• 지오펜싱이 불가능
• 모바일 결제
• 다른앱과의 상호작용 힘듬
• 기타 등등 네이티브만의 기능 사용하긴 어려움

예를들어 리엑트 네이티브 같은 경우

• 성능문제: 네이티브 브릿지를 사용해서 성능 이슈가 있음(js 스레드랑, 네이티브 스레드랑 연결시켜서 동작하는 하이브리드 앱 방식)
• 네이티브 기능 개발: 오픈소스이기에 독자적으로 특별한 기능을 개발하고싶은데.,, 아직 오픈소스에 그런 기능이 존재하지 않으면? 각각 네이티브에 맞춰서 부분적으로 개발해야함
• 유지보수가 힘듬: ex) 앱 로딩이 길다? 멀라 프레임워크 문제일수도 있어서 원인찾기 힘들수도
• 복잡한 UI, 애니메이션 구현 힘듬: 그냥 힘듬 -> 네이티브 언어도 쓰면? 유지보수에서 매우매우 힘들겠죠? -> 애니메이션은 필요하면 Lottie 써보셈
• 디버깅도 브라우져에서 해야함: 귀찮음..