일상 - Google io extended seoul 2018 요약

일상 :

구글 io extended seoul

| 행사장 사진

|Keynote: (David macLaughLin)

오픈소스는 google engineering의 핵심이다.

- 2800개의 오픈소스프로젝트

- 1년에250k 커밋 

커뮤니티는 연결되어있다.

• gdg (91개의 나라 약700여개의 chapter)
• google developers expert (한 가지 이상의 구글 기술에 있어서 전문가이자 동시에 영향력 있는 개발자들의 글로벌 네트워크)
• women techmakers
• gdg devfest
• i/o extended

핵심: community is core to everything we do

> Tech Chapter

- web tech

- cloud korea

- korea android

TRACK C

| Exploring what's new in web for the natively app (도창욱님)

> Past i/o highlights

• native 관련 feature들이 추가되고있음

2015년

• 브라우저와 os사이에서 동작하는 백그라운드 기능, offline cache, 중간 관여자,웹앱이 디바이스처럼 작동하게 환경이 구축됨 , remote push notification, background sync -  serviceworker

serviceworker가 나온 후에는 network로 부터 자유로워짐, 메신저기능의 토대가 만들어짐

2016년

• service worker & web manifest =>progressive web app (기술이 아니라, 기술적 마케팅을 위한것,좋은 usecase들을 모아놓은 것 )
• reliable(https 강조) + fast (초기 로딩 속도 ) + engaging  = PWA
• offline web app
• app shell architecture (application shell ,content는 변하지 않는 부분)
• user engagement (사용자에게 웹으로 가는 짧은경로를 제공함 ,ux면 ) - add to home screen 
• web-manifest (meta data들을 기록)
• app install banner (사용자에게 shortcut 제공)

2017년

• web assembly (앞으로 이런 needs가 있을것)
• 필요한 language를 쓰고 알맞는 기계에 compile

(realworld examples )

• PIGMA - web assembly를 통해 네이티브앱을 웹에서 돌아가게함 와즘 모듈 
• AUTODESK  

• 현재는 쓰레드를 지원을 잘 못함

기존의 많은 모듈들을 웹으로 가져오는 interface를 만듬

2018년

• web media
• media session api ,음악 역시 service worker로 caching 가능 (원래는 네이티브 앱의 전유물이었음)
• picture in picture (페이스북에서 동영상 작게 보이는것)
• presentation api (파워포인트나 키노트, 회의나 컨퍼런스 관련 서비스들, reciever화면과 controller 화면 )
• media capability (어떤 코덱, 미디어기능 사용?)
• trusted web activity (web view, custom tab) 웹 컨텐트를 native처럼 사용

pwa tips

• toolbox 사용 (workbox)
• 메시징 firebase sdk 이용
• lighthouse 
• permission ,payment api
• native app installer
• app indexing -네이티브 개발자가 할것

결론:

• 기존 테크닉들은 유용
• 서비스 워커 쓰라!
• 유용한도구 많음
• 네이티브에서만 사용할 수 있는 기능 x
• 네이티브 /웹 상호작용 고민해야 할때

> 한줄 후기

웹 개발 입문자로서, 많은내용들이 아직은 크게 다가왔지만, 네이티브앱과 웹의 경계가 허물어지고 있다는 사실만큼은 체감되었던 것 같다.

| 웹의 미래는 (immersive)몰입형 (webvr, webxr) -맹기완님

https://www.youtube.com/watch?v=1t1gBVykneA 참고

> immersive web

• 화면이 나의 시야를 따라 움직임(vr)
• 있는 화면에 현실을 추가함(ar) 
• 인테리어,교육등에 유용히 쓰임
• vr+ar+web = immersive web
• webgl

> webVR

• 아마존에서는 이미 제공하는 서비스, 모질라에서도 제공
• 브라우저가 vr을 지원함

> webXR

• new immersive web API (VR+AR)
• optimization (두배많은 픽셀을 한번에 보낸다)
• dithering
• 세션에서 모든것을 처리함
• magic window
• polyfill

chrome://flags/ -> 크롬 실험실

> 한줄 후기

웹 vr이라는 분야가 있다는 것을 이번 세션을 통해 알게 되었고, 웹의 무궁무진함에 대해 다시한번 느끼게 되었다.

| Flutter, Beta but better and better - 강동혁님

flutter는 dart 기반의 구글의 모바일 ui 프레임워크입니다. 고품질의 네이티브 인터페이스를  만들어 낼 수 있다.

첫세션에 잠깐 소개된 웹 성능 체크를 하는, 크롬 확장 프로그램인 lighthouse 를 돌려보다가 적었던 내용이 다 날라갔습니다 하핳..

• 이왕 이렇게 된거 lighthouse로 성능체크한 내용 첨부합니다! 신기하네용 (본인 티스토리 블로그)

어찌되었든, flutter는 빠르고, 편하고 예쁜 ui와 함께 리액트 네이티브 보다 개발이 편하다고 하네욥!

> 한줄 후기

flutter라는 , 앱을만드는 새로운 프레임워크에 대해 알게되어 흥미로웠고, dart에 대해서 다시금 생각해보게 된 계기였다. 그리고 블로깅을 할때에는 임시저장을 꼭하자..

| How to deploy serverless Node.js microservices - 정민석님

>  용어

• 마이크로 서비스 아키텍쳐
• 모노리틱 아키텍쳐
• microservices
• monolith

> Monolith

• 통서버
• 하나의 시스템 혹은 하나의 묶음

> Microservices

• 개별 서비스에 문제가 생길시 다른 시스템에 직접적인 영향을 주지않음
• 하나의 작은 서비스가 독립적으로 동작
• 작은단위의 기능으로 서비스 분리,구성
• 대규모서비스에 적합
• 개별 서비스들이 다른언어로 개발 가능

> Monolith vs Microservices

• 작은 시스템의 경우 무리하게 나누기 보다는 monolith가 더 낫다.
• 간단히 빠르게 monolith로 만들고, 규모가 커지면서 분리를 해서 microservices 로 분할 하는편이 나을 수 있다.
• 전체적으로 두 개발방식의 차이와 서비스들을 이해하고있는 책임자 필요

> Why serverless?

• No use No Pay

• 사용한 양에 비례하는 요금
• 철저한 사용자의 관점에서 적용
• 간헐적으로 사용이 불규칙적인 경우 매우 유리

• automatic scale
• 사용량에 비례하는 autoscale
• 아주 짧은 시간동안 엄청나게 많은 사용자가 몰려도 처리 가능
• autoscale은 클라우드의 가장 기본적인 속성

• focus on code
• 서버의 기본적인 설정은 클라우드에 맡기고 code만 만든다.
• 시스템 관리는 신경 x

> Google cloud platform

• cloud function
• 함수가 정상적으로 돌아가고있는지, 메모리는 얼마나 사용하는지 등등체크 가능

• cloud logging

• cloud pub/sub (publish, subscription)
• 서버간 정보교환, broadcasting 하는데 쓰임.

• cloud source repository

• error reporting

> 한줄 후기

serverless에 최근 관심이 생겼었는데, 왜 serverless를 써야하는지 그리고 어떤 상황에서 써야하는지에 대해 환기하고 배울수 있었던 세션이었던 것 같다.

| New Google News & Material Design

: Organize the world's information and make in universally accessible and useful

• Mobile first => AI first
  
• AI를 통해 human intelligence를 서포트해주는 방식 (AI meets human intelligence)

• Keep up with news you care about
• understand the full story
• enjoy and support the news you love

> 한줄 후기

google의 새로운 소식 (new google news)들을 들으러 간 track a의 세션이였는데, 정말 google news에 관한 내용이었다.. ㅎ 하지만 위트있는, 구글에서 일하고계신 발표자분 덕에 재밌게 잘들었던 것 같다.

|  Google io extended seoul 2018 참가 한줄요약

구글 가고싶다.

| 번외

개발자 행사답게 티셔츠나, 스티커 등등 여러 goods 들을 기념품으로 나눠주었는데, 구글로고가 적힌 선글라스도 받았다.

절대 쓸일은 없을것 같다ㅎ