지난 1년간의 웨일 브라우저와 그 미래 (부제: 제품 매니저가 들려주는 생생한 기술/제품 이야기)

3. Downloads
Whale Desktop 11,000,000+
Whale Mobile 420,000
XWhale(NaverApp) 30,000,000+
* statcounter 기준

4. • 총 8회 hotfix
• 총 2회 rebase
• 웨일 연구소
• 웨일 스토어
• 웨일 개발자센터
• 웨일 헬프센터

5. • 다양한 플랫폼 : 웨일 모바일 (2018 DeView 정식 전환)
• 참여 플랫폼 : 확장앱, 테마 스토어, 개발자센터, 연구소
• IE 호환 모드 최장 2019년까지 지원 (2018년 종료 목표)
• 웹기반 전자서명, SRI 캐시, 표준화
• 성능/메모리/파워 절약, 미디어 기능, 새로운 네비게이션
• Safe browsing

7. • Web Certificate API 개발 및 신한은행 서비스 적용
• Desktop 3개 플랫폼에서 인증서 기반 전자 서명 가능
• 키보드 보안 프로그램등 아직 남아 있는 숙제가 있음
• W3C Web App Security 분과 정식 멤버
• Certificate based Digital Signature, SRI cache 제안
• Google, MS, Apple 등으로부터 긍정적인 평가와 피드백 받음

8. • IE 호환 모드 최장 2019년까지 지원 (2018년 조기 종료 목표) : 실패 ㅠㅠ
- 2017년 14개 기본 사이트 -> 현재 5개
• 여전히 많은 IE 전용 사이트 (게임, 기업, 보안, DRM 등)
• 일부 개선을 했으나, 진정한 플러그인 제로를 실현 못 함
• 공공에서 변화를 진행 중

9. • Chromium
• Crosswalk fork : XWhale

10. 성능 메모리 보안 기능 기타
V8 AOT Tab Discarding
인증서기반
전자 서명
음성 인식/합성 미디어 기술
Enable PGO
Memory
Coordinator
세이프 브라우징 번역 리베이스 구조화
런칭 성능 개선 Memory Pressure
패스워드
2중 암호화
파워 세이버 인스톨러
로딩 성능 개선
Image Decoder
OOM Crash
OAuth Token
2중 암호화
Geolocation 업데이트
SRI Cache 키서버 보안 Overlay Scrollbar 스마트 네비게이션
Anti Pharming 모바일 스크롤 퀵 네비게이션
화면 캡쳐 API Contents blocker

13. 흔한 브라우저 제품 매니저의 테스크바
• 웨일의 강점 : 옴니 테스킹
• 스페이스, 사이드바, 퀵서치, 번역, 벨리, 뉴탭, 디자인, 엔진 기술, 미디어 기술...

15. • 스페이스
• 사이드바 : 퀵서치, 도구모음, 북마크, 벨리, 파파고 번역
• 디자인 : 새탭, 배경 테마, 브라우저 스킨
• 다양한 편의 기능 : 다중 검색 엔진, 캡처, 읽기모드, 동기화
• 기술 : 웹번역, 각종 세이빙 기능, 보안

16. • 퀵바 : 사이트로 가장 빠르게 이동하는 방법
• 퀵서치 : 가장 빠른 검색
• 벨리 : 사이드뷰, 언제 어디서나 바로 스크랩
• 강력한 홈버튼
• 심플 모드 : 보다 간결한 메인 UI
• 뉴탭 : 사진 배경으로 감성을 전달
• 퀵 네비게이션, 스마트 네비게이션, 고급 미디어 (안드로이드)

17. 모든 걸 다 넣어
차별화해야지
수백개와 경쟁이야
이건 모바일이야
빼야해, 빼
최대한 심플하게

21. • 요소의 충돌과 개발의 복잡도를 넘지 못함

22. 안드로이드 : 데스크탑과 같은 크로미움 베이스
iOS : 크로미움으로 개발 시작 (수준이상의 코드 베이스, 동기화 기능 쉽게 적용)
• iOS 개발자의 커리어와 Objective C, C++
• 시작은 빨랐지만 진도가 나가지 않는다.
• 기존 버전 폐기 및 신규 개발 : Swift
• WKWebview 사용의 한계, 공통 동기화 모듈 이식, 브라우저 기본 기능을 쌓는 시간, 엔지니어링 cost
• 다른 기술, 다른 감성
• 엔진 개발 vs OS 제공 단일 엔진

23. 그래야 마케팅이 힘이 난다

24. • 카톡,라인의 개인 대화방
• 북마크 (제목 대신 메모를 남김)
• 메모장에 link와 설명
• 페이스북 나만 보기/비공개
• 전용앱 (포켓, 킵 등)
• 솔루션이 많다는 것은 강력한 솔루션이 없다는 것
• 모든 솔루션이 불편하거나 웹(브라우저)로 부터 떨어져 있다.

25. • 벨리 뭔가요?
• 벨리가 어떻게 쓰는 건가요?
• 북마크랑 뭐가 다르나요?
• 안쓰는 벨리 버튼 빼주세요
• 벨리 참 좋은 서비스인데요...
• 많은 설명이 필요하면 그 만큼 직관적이지 않다는 것
• 좀더 서비스를 직관적으로 이해하도록 해야함
저장 갯수 사용자수
1개 43216
2개 15382
3-10개 25032
11-49개 10592
50개 이상 5001

27. • 사용자에게 넓은 화면을 주자
• 필요한 기능은 메뉴 안으로
• 메뉴는 보다 계층적으로

28. • 사이드바의 요소들을 인스턴트뷰로 담아내자
• 모바일 옴니테스킹의 완성

29. • 웨일 데스크탑의 감성적 요소
• 즐겨찾기를 비롯한 사양한 정보형 카드
• 스크롤로 다양한 정리/편리에 접근
• 새로운 브라우저의 portal
• 그 역할이 특정 사이트라면? 새탭을 특정
사이트가 가능하게 한다.

30. • 가장 직관적인 이름
• 다시 보고 싶은건 뭐든 담는 스크랩
• 인스턴트 뷰
• 단독 메모 기능 추가

31. • 캡쳐가 편해서
• 새탭/디자인이 이뻐서
• 사이드바/스페이스가 편해서... 등등등 모두 다르다
• 탄탄한 기본기 위에
• 더 강력한 한가지 이유가 필요

32. • 스마트 네비게이션, 퀵 네비게이션
• Data saving
• Contents block
• Media player
• PIP
• Background play

34. NAVER
Tech Platform
GLOBAL
Web Platform
FUTURE
Info Platform

35. 엔지니어링/백엔드 역량이 있어야 가능한
웨일 기술/서비스
스페이스
웹서핑을 다시 정의하는
옴니태스킹
동기화 스크랩북퀵서치
보안
사이드바모바일창
웨일서비스
5대 OS플랫폼 지원
베터리 세이버
메모리 세이버
데이터 세이버
퀵 네비게이션
스마트 네비게이션
SRI cache
AOT
Web 인증서
Media 기술
Secure Printer
...

36. • 데스크탑/모바일/태블릿을 연결하는 Whale ONE
• 확장앱을 통한 새로운 브라우저 경험
• 연구소/개발자센터/스토어를 통한 사용자가 함께 만드는 브라우저
• IE 호환 모드 종료 및 더 나은 웹 환경
• 새로운 표준을 통한 전진
• 엔진 기술에 지속적인 투자
• 성능/절약/보안을 경쟁력으로

40. 내 앱이 빛나는 곳
현재 등록된 개발자 566명
현재 등록된 확장앱 100여개
이제 성장을 시작하는 스토어
개발자 친화적인
공간이 되도록 개선 중

43. 확장앱 통계 제공
사용자수, 설치 수, 삭제 수 등
지표 종류와 기간별에 따른
확장앱의 다양한 통계 제공

44. 카테고리 별
앱 등록
등록한 앱이
5개를 넘음
하루만에
핫픽스
전 업데이트
이후
한 달 지남
첫
다운로드
발생
사용자
1,000명 돌파
스토어 리플
10회 답변
앱 첫 등록
한 확장앱
업데이트
10회
개발 및 관리 업적 제공
앱 등록, 업데이트, 평점 관리
사용자와의 커뮤니케이션 등
스토어에서 일어나는
다양한 활동들을
히스토리로 만들어 제공 평점 변경
- 증가
사용자
커뮤니케이션
앱 등록
업데이트
인기 순위
10위 달성
Featured
달성
4점 평점
10개 획득
5점 평점
10개 획득
1점 평점
10개 획득
평점 변경
- 감소
앱 평점 관리
개발자의
스토어 활동

45. 개발 및 관리 업적 제공
개발 및 관리 업적에 따라
개발자 레벨 증가
개발자 레벨에 따라
Featured 획득, 앱 검수 순위,
오프라인 미팅 등 지원

46. 개발자가 직접 참여하는
• 지식 공유 커뮤니티
• 브라우저 API 표준화
• 확장앱 개발에 필요한 API 명세
• 기능별 구현 방법, 사례 공유
• 다양한 교육 콘텐츠
• 밋업, 세미나, 스터디 등
오프라인 활동
개발자
포럼
기술문서
오프라인
모임

49. Core Engine Mobile FrontEnd
Server
(Backend)
QM
전략/마케팅
제품기획
UX
Desktop
Design BX

50. 우리는 스스로 행하고 다른 이들도 이를 행할수 있도록 도움을 줌으로써 소프트웨어 개발의
더 나은 방법을 전파한다. 이러한 작업을 통해 우리는 아래와 같은 가치에 도달하게 되었다.
절차와 도구를 넘어선 개성과 화합
종합적인 문서화를 넘어선 동작하는 소프트웨어
계약과 협상을 넘어선 고객과의 협력
계획 준수를 넘어선 변화에의 대응
이들의 앞선 가치들을 인정하면서도 뒤에 오는 가치들에 보다 큰 무게를 둔다.

51. • 왜 프로세스도 없이 일이 진행되나요?
• 왜 자꾸 바뀌나요?
• 너무 쉽게 변경되는 것 아닌가?
• PO의 지시라고 일을 시키거나 진행하는 경우가 있습니다.
• 왜 디자인을 그대로 반영 안하나요?
• 언제까지 뭐를 하고 어떻게 할지 예측이 잘 안됩니다.

52. • 신뢰가 쌓이기 위해 그때까지 커뮤니케이션을 늘려야한다.
• 커뮤니케이션 양을 늘리는 것에 익숙해져야 한다.
• 신뢰를 얻기 위한 실력이 있어야한다.
• Be Active : 어느 누구도 당신을 막은 적 없다.
• 커뮤니케이션 양을 늘리되(자주) 효율적으로 커뮤니케이션 한다.
• 빠른 진행을 위해서는 정확한 일의 측정이 필요하다.
• 정확히 일을 볼 사람이 필요하다.
• 개개인 커뮤니케이션의 오류를 바로 잡을 훌륭한 중간자가 필요하다 (PM, TL)

54. 연구원
15,300명
연구의견
34,000건

55. 세계 최고 웹브라우저의 꿈
Ending
WWW