Web-app과 PWA

Web개발을 한다, App개발을 한다.

요즘은 pc보다는 mobile기기의 사용이 대부분이기 때문에
pc중심의 개발보다는 mobile에 맞춰 web app이라는 형태의 개발 방식을 채택한다.
그래서 우리가 개발을 할 때에는 web에서 동작하는 web app개발
혹은 application방식으로 동작하는 native app개발로 나눠 개발하게 된다.

 

 

프로그램이 동작하는 환경은 크게 두 가지로 나눌 수 있다.

• Web
• Application

Web은 브라우저를 통해 접근할 수 있으며, 인터넷 연결만 있으면 어디서든 접근 가능하다.
웹은 HTML, CSS, JavaScript를 기반으로 구성되어 프로그램을 실행한다.
웹을 기반으로 하는 프로그램은 모든 웹 브라우저에서 동작하므로 플랫폼에 상관없이 동일한 경험을 할 수 있다.

 

App(application)은 특정 운영체제 IOS나 안드로이드에서 실행되기 위해 개발된다.
사용자는 앱을 터치, 탭, 클릭하여 앱과 소통할 수 있고, 위치탐색, 카메라, 알림 등 다양한 기능을 사용할 수 있다.
App은각 운영체제에 맞는 프로그래밍 언어를 사용해 개발해야 한다. ( IOS-Swift, Android-Kotlin )

 

정리를 해 보면,
web은 인터넷을 기반으로 프로그램이 동작하는 환경이고,
app은 특정 플랫폼에서 프로그램이 동작하게 하는 환경이다.
개발자가 개발하는 환경이 web이냐 app이냐에 따라 개발 결과물 또한 달라진다.
web환경에서는 pc와 mobile web app을, app환경에서는 pwa와 native를 개발할 수 있다.

 

mobile web app	native app
mobile기기에서 웹 브라우저를 사용해 프로그램을 실행하는 애플리케이션이다	특정 모바일 운영체제 IOS, Android에서 동작하는 어플리케이션이다
HTML, CSS, JavaScript를 통해 개발되며, 앱을 설치하지 않고도 실행 가능하다	Kotlin(Android) 또는 Swift(IOS)와 같은 특정 언어로 개발되며, 앱 스토어에서 앱을 설치해야 한다
여러 기기와 운영체제에서 동작 가능하다	어플리케이션이 개발된 언어, 운영체제, 기기가 맞아야 사용 가능하다
앱 스토어에 승인을 받지 않아도 사용 가능하다	앱 스토어의 승인을 받아야 사용 가능하다.

 

PWA ( Progressive Web App )

pc → mobile, 스마트폰의 시대가 오게 되면서서비스를 제공하는 업체들은

‘우리도 앱을 만들어야 하는 걸까?’라는 고민을 시작하게 되었을 것이다.

하지만 native-app을 개발한다는 것은 생각보다 쉬운 이야기가 아니었을 것이다.

이러한 배경에서 나오게 된 것이 PWA다.

 

PWA는 Progressive Web App의 약자로 web app과 nitive app의 중간 형태로 볼 수 있을 것 같다.

기존의 web app을 개발할 때 사용했던 HTML, CSS, JavaScript를 사용해 개발을 할 수 있고,

native-app에서 사용할 수 있는 푸시 알림, 오프라인 지원과 같은 유사한 사용자 경험을 제공한다.

PWA로 app을 만들기 전에 보안 연결, 서비스 작업자 설정, manifest file을 추가 설정을 해줘야 한다.

 

 

PWA의 설정은 다음 포스팅으로! 

 

---

reference

mobile web app과 native app

• https://blog.hubspot.com/website/what-is-web-app
• https://www.lifewire.com/native-apps-vs-web-apps-2373133

pwa

• https://blog.wishket.com/프로그레시브-웹-앱pwa이란-무엇이며-왜-필요한가/