NEW 기획 디자인 개발 프로덕트 아웃소싱 프리랜싱

프로덕트

구글 미트가 프로그레시브 웹 앱(PWA)으로 출시된 이유

구글 미트
*참고*
- 모바일에서는 PWA보다는 네이티브 앱을 사용하는 것이 일반적이기 때문에 이 글에서 모바일 부분은 따로 다루지 않았습니다.
- 맥 OS를 기준으로 작성했으며 윈도우에서는 다를 수 있습니다.
- 이 글은 독자 피드백을 바탕으로 내용이 일부 수정되었습니다.

얼마 전 7월 30일, 화상 미팅 앱 '구글 미트'가 '프로그레시브 웹 앱(이하 PWA)'으로 출시된다는 소식이 올라왔다. 기쁜 마음에 설치를 해보니 기존 웹사이트에서 실행하는 것보다 빠릿빠릿해진 것 같아 만족하고 있다. PWA는 웹사이트와 네이티브 앱을 적절히 섞은 형태라고 보면 된다. 브라우저를 기반으로 하면서도 (인스톨 과정 없이) 컴퓨터에 설치하는 별도 앱처럼 사용할 수 있다.

 

그럼 PWA가 뭐하는 녀석인지, (사용자 입장에서) 사용하면 뭐가 좋은지, 어떻게 쓸 수 있고 어떤 앱들이 있는지 하나씩 살펴보자.

 

 

1. PWA가 무엇인가요?

PWA

우리는 웹 앱(웹에서 돌아가는 앱)의 시대에 살고 있다. 음악 들을 때 사용하는 스포티파이, 업무에 사용하는 슬랙과 구글 드라이브, SNS인 트위터나 페이스북 등 모두 웹 앱이다. 말 그대로 웹에서 돌아가는 앱/프로그램이다.

 

그럼 진보한(Progressive) 웹 앱이란 도대체 무엇일까. 2015년에 처음 등장한 이 개념은, '웹 앱을 사용자 기기와 더 풍부하게 상호 작용하기' 위한 목적으로 만들어졌다. 웹사이트에 접속하는 것처럼 가벼운 동시에, 내 컴퓨터에 파일로써 설치되는 네이티브 앱의 장점도 가져오는 것이다. 마치 식당에 가서 먹는 것과 직접 요리하는 것 사이에 밀키트가 있는 것처럼, 양쪽의 장점을 합쳐놓은 새로운 형태의 앱이다. 구글도 PWA의 발전에 적극적으로 참여하면서 나 같은 일반인도 알 수 있도록 널리 알려졌다.

 

 

2. PWA를 쓰려면 어떻게 해야 하나요?

PWA

크롬 기반이라면 어떤 브라우저라도 상관없다. 대표적인 크롬 기반 브라우저인 구글 크롬과 마이크로소프트 엣지 모두 PWA 설치를 지원한다.

 

PWA 설치 방법은 간단하다. 구글 미트를 예로 들어보자. 일단 구글 미트 웹사이트로 간 뒤, 주소 창의 앱 추가 버튼을 눌러주면 끝이다. 마치 (인터넷 브라우저가 아닌) 스마트폰 홈 화면에 특정 웹사이트 즐겨찾기를 추가하듯, 구글 미트 앱이 컴퓨터에 추가되는 것이다.

 

 

3. PWA를 쓰면 뭐가 좋나요?

PWA

'그냥 웹사이트에 접속하거나 앱을 다운받아 설치하면 되지, 굳이 PWA가 필요한가?'라고 생각할 수 있다. 하지만 실제로 써보면 확실히 좋다. 네이티브 앱의 기능을 (일부이긴 하지만) 사용할 수 있으면서도 웹 앱처럼 가볍기 때문이다.

 

 

웹 앱

네이티브 앱

프로그레시브 웹 앱

사용 방법

인터넷 브라우저 실행 후 웹사이트 접속

스토어나 공식 홈페이지를 통해 설치한 앱을 실행

기기에 등록한 앱을 실행

장점

- 인터넷 브라우저만 있으면 됨

- 별도로 설치할 필요 없음

- 항상 최신 버전을 사용할 수 있음

- 인터넷 브라우저 없이 독립적으로 실행 가능

- 일부 기능은 인터넷 연결 없이도 사용 가능

- 웹에서 처리하기 무거운 내용(이미지 등)을 자체적으로 처리 가능

- 별도로 설치할 필요 없음

- 인터넷 브라우저가 있어야 하나 브라우저를 실행할 필요는 없음

- 기기와 연동되는 기능(알림, 캐싱 등)을 일부 사용할 수 있음

- 항상 최신 버전을 사용할 수 있음

단점

- 항상 인터넷에 연결되어 있어야 함

- 다른 브라우저 탭과 섞임

- 최신 버전을 쓰려면 업데이트가 필요

- 기기의 저장공간을 차지함

- 앱이 없을 수 있음

- 지원하는 앱이 아직 많지 않음

 

'난 항상 인터넷 브라우저를 켜놓고 있어서 웹 앱으로도 충분한데?'라는 의견도 있을 수 있다. 틀린 말은 아니다. 하지만 다른 웹사이트를 여러 개 열어놓아 브라우저 탭이 뒤죽박죽 섞이는 상황이라면 '내 유튜브 탭이 어디 갔더라…'라며 시간을 허비하게 된다. 하지만 PWA는 (브라우저 기반이긴 하지만) 앱이기 때문에 당당히 앱 구역에 위치하게 되어 탭 무더기에 묻힐 일이 없다.

 

그 외에도 네이티브 앱처럼 업데이트를 따로 할 필요가 없다는 점(웹 기반이니까), 기기의 알림 기능을 사용할 수 있는 점(어쨌든 앱이니까)이 장점으로 꼽힌다. 

 

 

4. PWA 앱에는 뭐가 있나요?

PWA

안타깝게도 아직 PWA로 사용할 수 있는 앱의 종류는 많지 않다. 아직 PWA의 장점이 사용자들에게 충분히 어필되지 않은 듯하다. 유튜브, 구글 포토, 스포티파이, 트위터, 포토피아처럼 유명한 웹 앱들이 있지만 아직 대중적으로 사용되지는 않는다. 검색해보면 위 그림보다 더 많은 PWA들이 있지만 별도의 스토어가 있는 것이 아니기 때문에 찾아내기가 쉽지 않다(이는 점차 개선되리라 믿는다).

 

다만 구글이 구글 미트나 유튜브, 유튜브 뮤직처럼 자사의 서비스를 계속 PWA 형태로 출시하고 있는 것을 보면, 아마 구글의 메인 서비스는 (컴퓨터 환경에서는) 모두 네이티브 앱보다는 PWA로 나오지 않을까 생각한다. 모바일에서는 네이티브 앱이 압도적으로 대중적이기 때문에 계속 네이티브 앱으로도 나올 것이다.

 

 

결론: 쓰면 좋지만 필수는 아니다.

모든 서비스를 PWA 형태로 쓸 필요는 없다. 개발자 입장에서는 개발하기도 (네이티브 앱보다) 쉽고 업데이트를 위해 푸시 알림을 보낼 필요도 없고 스토어 심사도 받을 필요가 없어 좋지만, 대부분의 사용자들은 '굳이?'라는 생각이 들 수 있다. 그래도 특정 서비스를 자주 쓰는 사람이라면(대표적으로 유튜브) 별도 앱으로 공간을 만들어주어 사용자 경험을 개선하면 도움이 될 것이다.

 

PWA도 결국 가짓수가 많아지면 복잡해지기 때문에, 자신이 자주 쓰는 애들만 골라서 쓰는 것이 좋다. 브라우저로 충분한 서비스는 브라우저에 놔두어도 상관없다.

 

PWA의 개념과 기술적인 부분에 대해 더 자세히 알고 싶은 분들에게 아래 글을 읽어보시기를 권한다.

Progressive Web Apps: Escaping Tabs Without Losing Our Soul

프로그레시브 웹 앱(PWA)이란 무엇이며, 왜 필요한가?

PWA vs 네이티브 앱, 어떤 것을 선택해야 할까?


<참고 자료>

글에 사용된 이미지 일부는 구글 미트 공식 홈페이지에서 캡처하였고, 서비스들의 로고는 각 회사의 공식 홈페이지 (구글스포티파이트위터) 또는 Wikimedia Commons에 있는 것을 사용하였습니다.

댓글 0

맨오브피스

효율 추구에만 매달리지 않으려고 노력하는 프로덕트 매니저입니다.

엑셀 함수는 곧 사라질 운명이 아닐까?

기획

읽히는 슬랙 (업무) 메시지 쓰는 법

기획

비개발자가 코딩을 배우면 좋은 이유

기획

내 생활을 지키는 알림 설정 전략

기획

우선순위가 낮은 작업은 언제 처리해야 할까?

기획

순조로운 퇴사를 위해 해야 할 일 5가지

기획

OTT 시대의 반항아, 일본 ‘TVer’ 살펴보기

프로덕트

유튜브에서 '싫어요' 숫자가 사라졌다

프로덕트

슈퍼휴먼, 이메일에 월 30달러나 쓰는 이유는?

프로덕트

구글의 수수료 정책은 정말로 부당할까?

프로덕트

인터넷 뱅킹, Z세대에 열광하는 이유는?

프로덕트

나를 만족시킨 QR 체크인 앱은 무엇일까?

프로덕트

스포티파이, 왜 한국에서는 그저 그럴까?

프로덕트

구글의 발표는 왜 지루할까? (feat. 애플 이벤트)

프로덕트

OTT 이야기에 로쿠(Roku)가 빠질 수 없지

프로덕트

프로덕트 매니저라는 직무는 왜 생긴 것일까?

기획

디자인 커뮤니케이션 툴, 윔지컬(Whimsical) 둘러보기

디자인

영상 컨펌 협업툴 '이미지블' 살펴보기

프로덕트

테크 기업 CEO들의 하루 살펴보기

기획

구글 캘린더 100% 활용하기

프로덕트

총성 없는 전쟁, 아마존 VS 가짜 리뷰

프로덕트

애플 TV+는 잘 되고 있을까?

프로덕트

구글 스태디아는 왜 흥하지 못했을까?

프로덕트

경기지역화폐 앱 살펴보기

프로덕트

"카운트다운 시작!!!"...출시 앞둔 디즈니플러스 미리보기

프로덕트

점유율 2%의 활약, MS 빙(Bing)

프로덕트

PM 업무에 꼭 필요한 소프트 스킬 6가지

기획

업무 생산성을 높이는 IT 환경 만들기

기획

다른 나라 사람들은 어떤 앱에 돈을 쓸까?

프로덕트

아동 성착취물을 막겠다는 애플은 왜 욕먹는 걸까?

프로덕트

휴가 떠나기 전, 인수인계 확실히 하는 법

기획

구글이 직접 반도체를 만드는 게 나랑 무슨 상관일까?

개발

구독 서비스를 현명하게 사용하는 5가지 방법

기획

디지털 피규어 콜렉팅 앱, 비브(VeVe) 살펴보기

프로덕트

깃허브 코파일럿(Copilot)은 무엇이며, 왜 욕먹는 걸까?

프로덕트

원격근무의 치명적 단점 5가지

기획

구글이 안드로이드 앱 배포를 APK 대신 AAB로 바꾸는 이유

프로덕트

IT 직무 탐구: 프로덕트 매니저 vs 프로덕트 오너 (+그 외)

기획

구글 앱시트(AppSheet)로 노코드 앱 만들기

개발

이제는 운영체제도 구독이다! 윈도우 365 공개

프로덕트

즐겁고 효율적인 재택근무를 위한 7가지 기술

기획

절대 빼놓을 수 없는 크롬 확장 프로그램 7가지

프로덕트

IT 스타트업의 ­인수합병이 실무자에게 미치는 영향

기획

트위터 블루와 슈퍼 팔로우는 과연 돈 값을 할까?

프로덕트

경기도가 만든 배달 앱, 배달특급 리뷰

프로덕트

점점 맥을 닮아가네? 윈도우 11만의 특징 살펴보기

프로덕트

메시지 예약이 된다고? 슬랙의 최신 기능 5개 따라잡기

프로덕트

날씨 앱 번개가 더 리얼해졌다! iOS 15 미리 보기

프로덕트

스포티파이가 만든 클럽하우스, '그린룸' 살펴보기

프로덕트

안드로이드 12가 온다! 주요 기능 살펴보기

프로덕트

넷플릭스의 새로운 기능, 랜덤 재생 살펴보기

프로덕트

맥에서도 쓸 수 있는 마이크로소프트 엣지만의 장점

프로덕트

쉽게 읽히는 티켓 쓰는 법

기획

당근마켓은 어떻게 돈을 벌까?

프로덕트

구글 시트로 앱스토어 정보 긁어오는 방법

프로덕트

클럽하우스 인기가 뚝 떨어진 이유

프로덕트

데이터별 딱 맞는 그래프 찾기

기획

프로젝트 매니지먼트에 도움이 되는 툴들

기획

비개발자를 위한 파이썬 독학법 (하)

개발

비개발자를 위한 파이썬 독학법 (상)

개발

아웃소싱 개발이 필요한 상황은?

아웃소싱

#해시태그가 정확히 무엇인가요? 해시태그 A to Z

기획

아이디어를 체계적으로 기록하는 방법

기획

그럼에도 불구하고, 엑셀이 필요한 이유

프로덕트

소프트웨어 개발은 어떻게 이루어질까?

개발

구글의 OTP는 어떻게 비행기 모드에서도 작동할까?

개발

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.