JSer.info #435 - Google I/O 2019의 이벤트 영상 또는 관련한 정보가 공개되고 있습니다.
Google I/O의 웹과 관련한 세션 영상은 아래 유튜브를 통해 공개됐습니다.
Google 검색 크롤링에 사용되고 있는 렌더링 엔진이 Chrome 41에서 최신 버전(현재 74)의 Chromium 기반으로 갱신됩니다.
lighthouse 5.0.0이 릴리스됐습니다. Wordpress 등 특정 스택에 대한 정보를 출력하는 Stack Packs가 추가됐고 Performance budgets을 대응했으며 Lighthouse plugins 구조가 추가됐습니다. 이어 Performance budgets 정의 파일을 생성하는 Performance Budget Calculator 도구도 공개됐습니다.
또, 구글이 운영하고 있는 web.dev에 Blog나 React 애플리케이션 최적화에 관한 튜토리얼 등이 추가됐습니다.
GitHub가 GitHub Package Registry라는 패키지 등록 서비스의 베타 버전을 공개했습니다.
- Introducing GitHub Package Registry - The GitHub Blog
- GitHub Package Registry: Your packages, at home with their code
GitHub Package Registry는 npm이나 RubyGems, Docker 등에 대응한 public / private registry 서비스입니다.
현재는 베타이며 GitHub Package Registry의 signup를 통해 가입하여 사용해 볼 수 있습니다(pre-release).
자세한 내용은 아래 문서를 참고하시길 바랍니다. npm 패키지를 GitHub의 User 또는 Organization 명을 붙여 scoped module로 공개할 수 있는 것 같습니다.
- About GitHub Package Registry - GitHub Help
- Configuring NPM for use with GitHub Package Registry - GitHub Help
GitHub Package Registry로 배포하는 데모 영상도 있으니 관심 있는 분은 함께 살펴보면 될 거 같습니다.
헤드라인
Release v5.0.0 · GoogleChrome/lighthouse
github.com/GoogleChrome/lighthouse/releases/tag/v5.0.0
Lighthouse 5.0.0이 릴리스됐습니다.
Wordpress 등 특정 스택에 대한 정보를 출력하는 Stack Packs가 추가됐고, Performance budgets을 대응했으며 Lighthouse plugins 구조가 추가됐습니다.
- GoogleChrome/lighthouse-stack-packs: Lighthouse Stack Packs
- Performance Budgets (Keep Request Counts Low And File Sizes Small) | Tools for Web Developers | Google Developers
- lighthouse/plugins.md at master · GoogleChrome/lighthouse
Official Google Webmaster Central Blog: The new evergreen Googlebot
webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html
Google 검색 bot이 최신 버전의 Chromium 렌더링 엔진 기반으로 갱신됐습니다.
Node v12.2.0 (Current) | Node.js
nodejs.org/en/blog/release/v12.2.0/
Node.js 12.2.0이 릴리스됐습니다.
--trace-tls
옵션이 추가됐으며 Module.createRequireFromPath()
를 비권장화 했고 URL
객체나 URL 문자열 등으로 require 함수를 만들 수 있는 module.createRequire
가 추가됐습니다.
comlink/CHANGELOG.md at master · GoogleChromeLabs/comlink
github.com/GoogleChromeLabs/comlink/blob/master/CHANGELOG.md#v3---v4
ES Proxy를 사용한 Worker 라이브러리 Comlink 4.0.0이 릴리스됐습니다.
Node.js의 worker_thread
를 지원하며 일부 API의 이름이 변경됐고 성능이 개선됐습니다.
Release v1.16.0 · GoogleChrome/puppeteer
github.com/GoogleChrome/puppeteer/releases/tag/v1.16.0
Puppeteer 1.16.0이 릴리스됐습니다.
browser.isConnected()
, target.worker()
를 지원하며 accessibility.snapshot()
에 root
옵션이 추가됐습니다.
Introducing GitHub Package Registry - The GitHub Blog
github.blog/2019-05-10-introducing-github-package-registry/
GitHub의 패키지 등록 서비스 베타 버전이 공개됐습니다.
npm, gem, docker 등을 지원하며 GitHub의 Team 퍼미션에 따라 관리할 수 있는 private registry 입니다.
GitHub Package Registry에 등록한 모듈은 GitHub의 Release나 검색에도 표현됩니다.
AWS Lambda adds support for Node.js v10
aws.amazon.com/jp/about-aws/whats-new/2019/05/aws_lambda_adds_support_for_node_js_v10/
AWS Lambda가 Node.js 10을 지원합니다.
아티클
SameSite cookies explained | web.dev
web.dev/samesite-cookies-explained/
SameSite
Cookie에 대한 설명글입니다. SameSite
의 설정 값인 Strict
, Lax
, None
의 각 동작 방식을 소개합니다.
Chrome 76에서 SameSite
를 미지정한 경우 SameSite=Lax
를 기본으로하는 시범적 플래그가 추가돼 있습니다.
React | web.dev
web.dev의 React 웹 애플리케이션 최적화에 관한 튜토리얼입니다.
Bundle size, 무한 리스트, Service Worker, 프리 렌더링, 접근성 등에 관해 작성돼 있습니다.
A Guide to Node.js Logging - Twilio
www.twilio.com/blog/guide-node-js-logging
Node.js 환경에서 로그를 출력하는 방법에 대한 글입니다.
Console API, pino를 사용한 로그 출력, 라이브러리의 로그, chalk 등으로 꾸며진 로그를 평범하게 출력하는 방법 등에 대해 작성돼 있습니다.
슬라이드, 영상
Web at Google I/O 2019 - YouTube
www.youtube.com/playlist?list=PLNYkxOF6rcIATmAmz7HcCzongGvQEtx8i
Google I/O 2019 웹 세션 영상이 정리돼 있습니다.
ng-conf 2019 - YouTube
www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR
Angular 컨퍼런스 ng-confg 2019의 영상이 정리돼 있습니다.
Node.js v12의 신경 쓰이는 변경 사항 / #kng6 - Speaker Deck(일본어)
speakerdeck.com/masashi/number-kng6
Node.js 12의 변경 사항이 정리돼 있습니다.
사이트, 서비스, 문서
wapm | WebAssembly Package Manager
WebAssembly의 패키지 매니저 또는 저장소입니다.
microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
github.com/Microsoft/frontend-bootcamp
Microsoft의 프런트엔드 워크샵 교재입니다.
HTML, CSS, JavaScript, TypeScript를 다루는 2일 분량의 컨텐츠입니다.
Data | Third-Party Web
HTTP Archive의 크롤링 데이터를 기반으로 서드 파티 스크립트의 영향도를 시각화한 사이트입니다.
소프트웨어, 도구, 라이브러리
manzinello/mailgo: 💌 mailgo, a different mailto (WIP)
mailto:
링크를 클릭했을 때 메뉴를 출력하는 라이브러리입니다.
메뉴를 이용해 Gmail, Outlook으로 열거나 주소를 복사할 수 있습니다.
victorvoid/dinoql: A customizable GraphQL style query language for interacting with JavaScript objects.
GraphQL 구문으로 객체로부터 데이터를 가져올 수 있는 쿼리 라이브러리입니다.
Alias, Cache, Fragments 등을 지원합니다.
msgpack/msgpack-javascript: MessagePack for JavaScript/ECMA-262
github.com/msgpack/msgpack-javascript
MessagePack의 JavaScript 구현체입니다.
ブラウザ와 Node.js 모두 동작하며 Async Iterator를 사용해 스트림 처리를 할 수 있습니다.