JSer.info #523 - Snowpack v3.0가 릴리스됐다.
Snowpack 3.0에서는 Pre-bundled Streaming Imports라는 기능을 opt-in으로 이용 가능하다.
옵션으로 활성화하면 로컬에서 bundle한 파일이 아닌 Skypack을 통해 ESM(ECMAScript Modules)를 불러올 수 있다.
한번 가져온 ESM은 캐시되어 이후 오프라인에서도 사용 가능하다.
또, 이 구조로 가져온 패키지의 버전은 snowpack.deps.json라는 파일에서 관리할 수 있다.
그 외로는 esbuild를 사용한 bundle 최적화 지원, snowpack을 JavaScript에서 다룰 수 있는 API 갱신 등이 포함됐다.
Front-End Performance Checklist 2021 — Smashing Magazine
프런트엔드 성능과 관련해 폭넓게 정리돼 있다.
체크리스트 방식으로 성능 관련 내용이 정리돼 있으며 요약 버전 PDF도 제공한다.
PDF와 달리 문서에는 각 체크 항목에 대해 상세한 설명이 작성돼 있다.
JavaScript 개발자 대상으로 진행되는 설문인 State of JS 2020 결과가 공개됐다.
ECMAScript 언어 기능, 라이브러리, 도구, 에디터, 리소스 등 각 항목별 인지도, 만족도, 흥미, 사용 여부 등을 설문해 결과를 정리한다.
설문를 제공한 응답자 속성에 대해서는 Demographics에, 응답 결과 JSON 데이터는 State of JS | Kaggle에 공개돼 있다.
공지사항
2021년 1월 16일에 JSer.info 10주년을 맞이하여 기념글을 작성했다.
올해도 잘 부탁한다.
헤드라인
Snowpack v3.0
www.snowpack.dev/posts/2021-01-13-snowpack-3-0
Snowpack 3.0 릴리스.
Streaming Imports 지원, esbuild를 사용한 bundle 최적화 지원, JavaScript API 변경 등.
Release v6.0.0 · karma-runner/karma
github.com/karma-runner/karma/releases/tag/v6.0.0
Karma 6.0.0 릴리스.
customFileHandlers와 customScriptTypes 삭제, 부정확한 옵션 설정 시 에러가 발생하도록 개선.
Node v15.6.0 (Current) | Node.js
nodejs.org/en/blog/release/v15.6.0/
Node.js 15.6.0 릴리스.
child_process에 overlapped 옵션 추가, .fork에서 AbortSinal에 대응.
crypto 모듈에 randomUUID 메서드 추가, X509Certificate API 지원.
server.listen에서 AbortSignal 지원, http.Agent의 scheduling 옵션에 LIFO 알고리즘 추가.
Announcing TypeScript 4.2 Beta | TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-4-2-beta/
TypeScript 4.2 Beta 릴리스.
Tuple Types에서 Rest Element 지원, Type Alias 타입 추론 개선, template literal types 개선.
noPropertyAccessFromIndexSignature 옵션 추가, abstract new 지원.
또, --explainFiles 시 특정 파일이 왜 포함됐는지 그 이유를 출력하도록 변경.
Adobe Flash Player End of Life
www.adobe.com/products/flashplayer/end-of-life.html
Adobe Flash Player가 2021년 1월 12로 지원 종료.
Announcing Scala.js 1.4.0 - Scala.js
www.scala-js.org/news/2021/01/12/announcing-scalajs-1.4.0/
Scala.js 1.4.0 릴리스.
아티클
Reflections for 2020-2021 | The Vue Point
blog.vuejs.org/posts/hello-2021.html
Vue의 2020년 회고와 2021년 기대 내용이 대해 정리돼 있다.
Vue 2에서 3로의 마이그레이션 도구, Vue CLI의 webpack 5 대응, Vue 3의 IE 11 대응, Vue 2.7의 릴리스 등을 예정하고 있다.
Front-End Performance Checklist 2021 — Smashing Magazine
www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
프런트엔드 성능 체크리스트.
요약 버전 PDF와 상세한 설명이 포함된 문서로 구성된 글이다.
총 77 개 항목으로 정리돼 있으며 성능 문화, 지표 설정 및 수집, 다양한 성능 관련 팁을 소개한다.
Deno in 2020
Deno의 2020년 변경 사항 요약과 2021년 로드맵 소개.
슬라이드, 영상
State of JS 2020
JavaScript 개발자 설문 State of JS 2020 결과가 공개됐다.
언어, 라이브러리, 도구, 에디터, 리소스 등 각 항목 별로 인지도, 만족도, 흥미, 사용 여부 등을 설문 조사한 결과.
사이트, 서비스, 문서
znck/vue-developer-experience: A collection of tools for vue ecosystem.
github.com/znck/vue-developer-experience
Vue와 관련한 도구나 VSCode 플러그인 다루는 저장소.
정적 해석 도구, 파서, AST 헬퍼, VSCode 용 플러그인 등이 포함돼 있다.
imolorhe/altair: ✨⚡️ A beautiful feature-rich GraphQL Client for all platforms.
GraphQL 클라이언트 IDE.
소프트웨어, 도구, 라이브러리
egoist/tsup: Bundle your TypeScript library with no config, powered by esbuild.
esbuild 기반의 TypeScript 코드를 bundle해 esm,cjs,iife 형식의 코드를 출력하는 도구.
tw-in-js/twind: The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
Tailwind CSS를 CSS-in-JS으로 다룰 수 있도록 하는 라이브러리와 도구.
Template Literal를 사용한 클래스 생성 API, SSR 용으로 CSS 파일 작성, 빌드 없이 Tailwind 클래스를 사용할 수 있는 shim 라이브러리 제공.
TomerAberbach/grfn: 🦅 A tiny (~400B) utility that executes a dependency graph of async functions as concurrently as possible.
Promise를 사용해 개발한 비동기 처리의 조작 흐름을 관리하는 라이브러리.
디버깅 용 조작 흐름에 대한 다이어그램을 생성하는 기능을 제공한다.
natemoo-re/microsite: A fast, opinionated static site generator powered by Snowpack. Build simple static sites with fool-proof performance by leveraging automatic partial hydration.
github.com/natemoo-re/microsite
Snowpack과 Preact를 사용한 Next.js와 같은 디렉터리 구조 및 규칙을 갖는 정적 사이트 생성기
github/jtml: Write HTML in JavaScript, using template-tags.
GitHub의 lit-html에서 영감을 받아 개발된 템플릿 렌더링 라이브러리
WHAWG HTML에 제안 중인 Template Parts 구현을 포한하고 있다.
Catalyst
GitHub에서 공개한 Web Components 라이브러리.
Custom Element 등록, Stimulus에 영감을 받은 data-action 속성을 사용한 이벤트 리스너, Custom Element 내에서 HTML 요소를 결합하는 쿼리 기능을 제공한다.
도서
JavaScript［완전］입문 | 야나이 마사카즈 | 컴퓨터・IT | Kindle 스토어 | Amazon(일본어)
www.amazon.co.jp/dp/B08PKHSVFZ/
2021년 2월 4일에 출간 예정인 JavaScript 입문서
