Google I/O 2019

드넓은 공간에 와이파이가 빵빵하게 잘 터집니다.

이것은 정말 놀라운 편의였습니다. 

사실 키노트에서는 이렇다 할만한 것은 Google Assist의 비약적인 발전이라고 해야 할까요? 

딥러닝을 통한 편의성 증대가 정말 획기적이긴 했습니다만, 픽셀을 사서 써봐야 실제로 체감이 가능하지 않을까 합니다. 

구글 홈을 중앙 관리할 수 있는 Nest가 출시 됩니다. 가격은 $190대였던것 같습니다. 

픽셀 3a를 출시 한다고 발표했습니다. $399로 책정 되어 굉장히 저렴하게 스마트한 기능을 누릴 수 있습니다. 

Iphone X와 비교하여 훨씬 좋은 성능을 가지는 카메라, Super Res Zoom 기능, Google Assist등 많은 기능이 집약 된 스마트폰이라 할 수 있습니다. 

구글 I/O 스토어 입니다. 여기에서는 피규어, 후드 집업, 티셔츠등을 구매할 수 있습니다만, 비쌉니다..

곳곳에 이정표가 있습니다. 물론, AR 이정표도 있습니다. 

What’s New with Chrome and the Web (Google I/O ’19)

영상은 유투브에 올라와 있습니다. 영상보기

세가지의 포인트를 제시합니다. 

V8엔진의 성능이 더 좋아졌네요. 6개월전인가?의 버전보다는 JS파싱 속도가 2배나 상승했네요. 

그리고서는 어떤 분이 나오셔서, Portals이란 것을 소개해주셨는데, 정확히는 와닿지는 않았습니다. 대충 의미를 생각해보면, 레이어라고 이해하면 쉽게 받아들일 수 있을 것도 같습니다. 그런데, 데모영상을 보면, 이미 이런 것들을 외국 사이트에서 많이 볼 수 있습니다. 

그런게, 다 Portals를 활용한 것이었나 봅니다. 그런데, 구글에서나 다른 서비스 Hulu, Tweeter등 많은 서비스들이 PWA를 정말 잘 사용하고 있다는 점입니다. 

처음 접했을때만 해도 굉장히 신기했는데, 벌써 대규모의 서비스에서도 사용을 하고 있더군요. 

https://web.dev/hands-on-portals 이 곳에서 Portals에 대해서 더 깊이 확인 할 수 있습니다. 

Building Successful Websites: Case Studies for Mature and Emerging Markets (Google I/O ’19)

영상 보기: https://youtu.be/3As9NibdIjk

중요한 것은 결국, 얼마나 최적화를 하는지가 중요한 것 같습니다. 이미 우리는 많은 부분을 알고 있습니다.

• Lazy loading
• Bundle Optimization
• Component Optimization
• Resource Optimization
• Code Splitting

끊임 없는 개선이 중요하다고 배운 계기가 된 것 같습니다. 새로운 기능이 추가 되거나, 화면 개편이 이루어진다거나 한다면, 그 이후에 개선이 필요로 한다는 점이죠. 이미 최적화가 되었으니 지금은 안해도 될거야! 이런 마인드가 아니라. 테스트를 해보고 어라? JS 파일 사이즈가 늘었는데? 성능 테스트를 해보자!라는 식인거죠. 그렇게 끊임 없이 테스트를 하고, 디바이스 별로 또는 네트워크 최대 성능 별로 어떻게 보여줄지도 고민을 한다는 점에서 놀랍습니다. 

What’s new in JavaScript (Google I/O ’19)

그 외에도 여러 세션을 들었는데, 들은 것들이 대부분 ML쪽이라 따로 정리를 하진 않을 예정이다. 유투브에 가면 이미 영상이 모두 올라와있기 때문이다. 위 두 영상은 따로 정리를 해두어야 할 것 같다. 특히나, New feature in JavaScript의 경우에는 대부분의 브라우저들이 지원하는 기능은 사실 몇 개 없고, 대다수 크롬만 지원하는 실정이라 크롬을 제외하고는 사용하기 어렵다. 

추가 된 기능들은 다음과 같다. 

• numeric separators
• BigInt
• class fields
• String#matchAll
• Array#{flat, flatMap}
• Object.fromEntries
• globalThis
• more Intl.* APIs
• top-level await
• Promise.{allSettled, any}
• WeakRef

Speed at Scale: Web Performance Tips and Tricks from the Trenches (Google I/O ’19)

영상보기: https://youtu.be/WJAda7f1CeY

Speed at Scale의 세션은 들어두면 충분히 도움이 되는 내용이 많은데, 요약하면은 아래와 같다. 

• Lazy-loading
• Responsive Images
• Image CDNs
• Defer Third-party JS
• Remove costly libraries
• Code-Splitting
• Avoid FOIT
• Prefetch
• Preconnect
• Preload
• Critical CSS
• Brotli
• Adaptive Serving