JSer.info #556 - Electron 14.0.0 릴리스.
각각 Chromium 93, Node.js 14.17.0, V8 9.3로 의존 모듈이 갱신됐다.
비호환 변경으로 app.allowRendererProcessReuse 옵션과 worldSafeExecuteJavaScript 옵션(true가 기본)이 삭제됐다.
또, Electron 12에서 Deprecated 됐던 remote 모듈을 삭제하면서 @electron/remote라는 외부 모듈로 추출 및 변경했다.
Renderer와 Main(Node.js)의 교류는 기본적으로 contextBridge를 사용하는 방향으로 이뤄진다.
Node.js에서의 Fetch API 폴리필 라이브러리 node-fetch 3.0.0 릴리스.
비호환 변경으로 Node.js의 ESM을 지원하고 Node.js 12 미만 지원이 종료됐다.
또, AbortController 지원으로 인해 비표준이었던 timeout 옵션은 불필요해졌으므로 삭제됐다.
다른 한편, 비표준인 highWaterMark 옵션이 추가됐다.
replace-jQuery는 jQuery 메서드에 상응하는 Utility 코드(완전히 호환되지는 않는다)를 생성하는 도구다.
기본적으로는 특정 코드 내(사용자가 지정)에서 사용하고 있는 jQuery 메서드를 갖는 Utility 코드를 생성한다. 또, 특정 메서드만 지정해서 생성할 수도 있다.
본래 코드에 있는 $나 jQuery 자체를 덮어쓰는 건 아니지만 사용하고 있는 jQuery 메서드를 Utility로 바꿔쓸 수 있도록 하여 jQuery에 대한 의존을 줄이는 것을 목적으로 한 도구다.
헤드라인
Electron 14.0.0 | Electron Blog
www.electronjs.org/blog/electron-14-0
Electron 14.0.0 릴리스.
Chromium 93, Node.js 14.17.0, V8 9.3로 업데이트.
비호환 변경으로는 app.allowRendererProcessReuse 옵션 삭제, worldSafeExecuteJavaScript 옵션을 삭제하고 기본 활성화 되도록 변경됐으며 remote 모듈을 삭제하고 @electron/remote 라는 외부 모듈로 추출하고 사용한다.
August 31 2021 Security Releases | Node.js
nodejs.org/en/blog/vulnerability/aug-2021-security-releases2/
Node.js 보안 업데이트.
OpenSSL와 npm 6.x 계열 취약성 수정을 포함, Node.js v12.22.6 (LTS)와 Node.js v14.17.6 (LTS)가 릴리스 됐다.
Release Selenium 4.0.0 RC 1 · SeleniumHQ/selenium
github.com/SeleniumHQ/selenium/releases/tag/selenium-4.0.0-rc-1
Selenium 4.0.0 RC 1 릴리스.
Release v3.0.0 · node-fetch/node-fetch
github.com/node-fetch/node-fetch/releases/tag/v3.0.0
node-fetch 3.0.0 릴리스.
ESM 지원, Node.js 12 미만 지원 종료, timeout 옵션 삭제, highWaterMark 옵션 추가 등.
jQuery UI 1.13.0-rc.2 released | jQuery UI Blog
blog.jqueryui.com/2021/09/jquery-ui-1-13-0-rc-2-released/
jQuery UI 1.13.0-rc.2 릴리스.
5년 만의 릴리스.
최근 jQuery와의 호환성을 개선하는 목적의 릴리스이며 따라서 비호환 변경 사항은 없다.
Stitches 1.0.0 — Stitches
stitches.dev/blog/stitches-1.0.0
CSS-in-JS 프레임워크인 Stitches 1.0.0 릴리스.
아티클
ECMAScript proposal updates @ 2021-08 | ECMAScript Daily
ecmascript-daily.github.io/ecmascript/2021/09/04/ecmascript-proposal-update
2021년 8월 TC39 미팅에서 변경된 ECMAScript Proposal 정리.
Class Static Block, hasOwn, .at()이 각각 Stage 4가 됐으며 ES2022에 들어가게 된다.
JavaScript의 Iterator / Generator 정리
zenn.dev/qnighy/articles/112af47edfda96
Iterator와 Generator를 자세히 설명하는 글
슬라이드, 영상
ss2021 - 일본 소프트웨어 과학회 프로그래밍 토론 연구회 (JSSST-SIGPPL) (Special Interest Group on Programming and Programming Languages)
ppl.jssst.or.jp/index.php?ss2021(일본어)
「JavaScript 처리계와 Chrome 브라우저의 구현 기술」에 대한 강연 자료(슬라이드) 정리 모음.
사이트, 서비스, 문서
bundle - a quick npm package size checker
브라우저 상에서 skypack.dev와 esbuild-wasm을 이용해 코드를 bundle 하고 bundle size를 검사할 수 있는 도구.
소프트웨어, 도구, 라이브러리
google/schema-dts: JSON-LD TypeScript types for Schema.org vocabulary
Schema.org의 vocabulary에 대응한 JSON-LD의 TypeScript 타입 정의 라이브러리.
asmcss/assembler: A modern UI framework
x-style라는 가상 프로퍼티를 이용해 좀 더 간결한 문법으로 스타일을 정의할 수 있는 Utility-first한 UI 프레임워크.
niksy/isomorphic-timers-promises: `timers/promises` for client and server.
github.com/niksy/isomorphic-timers-promises
Node.js의 timers/promises polyfill 라이브러리.
microsoft/ts-gyb: Generating native code interfaces from TypeScript
TypeScript의 interface로 부터 mustache templates를 사용해 코드를 생성하는 도구.
TypeScript의 interface에서 다른 언어의 boilerplate를 생성하는 게 목적이다.
sachinchoolur/replace-jquery: Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.
github.com/sachinchoolur/replace-jquery
jQuery 기반의 코드 내(사용자 지정)에서 사용하고 있는 jQuery 메서드를 지원하는(대체 코드, 바닐라 기반)를 생성하는 도구.
대체 코드로 생성 할 jQuery 메서드를 따로 지정하여 필요 메서드만 유틸리티 코드로 생성할 수도 있다.
도서
React Cookbook
learning.oreilly.com/library/view/react-cookbook/9781492085836/
React를 주제로 한 도서.
라우터, 상태, GraphQL, UI, 보안, 테스트, 접근성, 성능 등 토픽 별로 정리한 쿡 북.
