일상

일상 - Google io extended seoul 2018 요약

Ideveloper2 2018. 6. 10. 12:27

일상 :

구글 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 들을 기념품으로 나눠주었는데, 구글로고가 적힌 선글라스도 받았다.

절대 쓸일은 없을것 같다ㅎ