모바일 시대, 웹브라우저는 더 새로운 웹 경험을 만들 수 있을까? (Whale 2.0 + Live coding)

Whale 2.0?

사용자의 움직임과 시간을 최적화
모바일 서비스 만으로도 충분하게

특징

인스턴트 사이드 패널
사이드바 확장
더 편한 PWA : 웹앱

1. 인스턴트 사이드 패널

웹 브라우징 사용 흐름 중 특정 과업을 사이드 패널에서 이어갈 수 있도록 하는 기능
팝업으로 띄우던 것을 사이드 패널로
탭 이동 안해도 됨!
PC 적용 전이거나, 모바일 전용 서비스도 사이드 패널로 가능

Single instance VS Multi instance

Single instance는 life cycle 관리가 힘듦
Multi instance
한번에 닫는 기능 제공
네이버 지도, 쇼핑 톡톡

Omni-tasking

웨일 사이드바 확장앱 등록

Desktop PWA

설치 없이 링크로 실행
웹앱 전용 URL 가능
기본 컨트롤러 제공
다양한 기본 창 기능

whale-sidebar 속성값(rel) 추가만으로 가볍게 적용 가능

link 클릭하고 install 설치하면 바탕화면에 아이콘 설치, 그 이후 기능 사용 가능

web-app 속성 추가하면 확장앱으로 등록 가능

속성 추가해도 일반 브라우저에서 돌아감, 쉽게 적용 가능

오픈 소스의 무게 : Rebase

Rebase : 코드를 다시 release 하는 것
크롬버전과 맞추기 위해 연 4회 rebase 하겠다.
매 rebase마다 리팩토링을 통해 버그는 점점 줄어가는 중
코드변하는게 아니라 환경도 검증해야.. 컴파일러 버전 올렸더니 먹통
Desktop, XWhale, Android, IOS 4개의 통합 엔진 구성.. 현재는 4개 다 따로 운용중
네이버 수익의 80% 검색 광고

광고앱 차단

광고 가이드 기준 CBA 광고
가이드 하나라도 어기면 해당 사이트 모든 광고 다 막음.
광고 좀 심하다 하는 사이트는 다 필터링 됨
광고 필터가 많아지면 필터 단계에서 리소스가 너무 많이 소모
Element Hiding(보이는 화면보다 더 리소스를 소모할 수 있음), Request Blocking(아예 자원을 막아버림)
차단 필터가 정상적인 동작도 막아서 정상 팝업이 안뜨는 경우도 있다.

웹 인증서

Whale Mobile 1.0

클린웹
강력한 PIP
다크모드
새탭/테마

왜 만들었나?

기존의 익숙함으로 같은 불편함을 계속 겪고 있다.