JSer.info #618 - Parcel 2.8.0가 출시되었다.
Parcel 2.8.0에는, Vite와 Turbopack의 벤치마크 비교에서 착상을 얻은 성능 개선이 담겨있다.
대규모 애플리케이션 빌드 시간과 번들 크기 절감, HMR의 incremental build 성능 개선, Tree Shaking 개선에 의한 번들 크기 절감 등이 담겨있다.
Deno 1.28가 출시되었다.
npm 패키지 설치, 실행이 가능한 npm:이 Stable로 변경, Lock 파일 자동 검출에 대응.
또한, unstable API로 Deno.Command 추가, V8 10.9 업데이트 등이 담겨있다.
Gatsby 5가 출시되었다.
Slice API 추가, React Server Components를 이용한 Partial Hydration 대응, Script Component 지원 등이 담겨있다.
헤드라인
Parcel v2.8.0
Parcel 2.8.0 출시.
대규모 애플리케이션 빌드 시간과 번들 크기 절감, HMR의 incremental build 성능 개선, Tree Shaking 개선에 의한 번들 크기 절감 등.
Release v98 · ije/esm.sh
github.com/ije/esm.sh/releases/tag/v98
ES Module CDN의 esm.sh가 Tree Shaking를 지원
Deno 1.28: Featuring 1.3 Million New Modules
Deno v1.28 출시.
npm 패키지 설치와 실행이 가능한 npm: 를 Stable로 변경, LLock 파일 자동 검출에 대응.
또한, unstable API로 Deno.Command 추가, V8 10.9 업데이트 등.
Node v19.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v19.1.0/
Node.js v19.1.0 출시.
node:test가 mock 객체를 지원, fs.watch에 recursive 옵션 추가 등.
Gatsby 5: The Fastest Gatsby Yet | Gatsby
www.gatsbyjs.com/blog/gatsby-5/
Gatsby 5 출시.
Slice API 추가, React Server Components를 이용한 Partial Hydration 대응, Script Component 지원 등.
Release v11.1.0 · cypress-io/cypress
github.com/cypress-io/cypress/releases/tag/v11.1.0
Cypress v11.1.0 출시.
Next.js v13 지원, Vue2 mount()에서 extensions.directives 지원 등.
Announcing 3.0 • Nuxt
Nuxt 3 출시.
Vue 3, TypeScript, Vite 지원, webpack 5 지원, 서버 엔진의 Nitro와 포터블한 출력 대응 등.
또 IE 지원 종료, Node.js 12 지원 종료 등
Announcing TypeScript 4.9 - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-4-9/
TypeScript 4.9 출시.
자료형 캐스트하지 않으면서 자료형을 일치 체크할 수 있는 satisfies 연산자 추가, in 연산자 자료형 캐스트 제한 개선, accessor 키워드 지원, == NaN 컴파일 에러 변경 등.
--watch로 하던 파일 감시 기본값을 useFsEvents로 변경, 값이나 자료형을 같은 exports 필드의 typeVersions 우선도 수정 등
Angular v15 is now available!. Over the past year we removed Angular’s… | by Minko Gechev | Nov, 2022 | Angular Blog
blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8
Angular 15 출시.
Standalone API를 Stable화、Node.js 12 지원 종료 등
Release Notes for Safari Technology Preview 158 | WebKit
webkit.org/blog/13584/release-notes-for-safari-technology-preview-158/
Safari Technology Preview 158 출시.
CSS의 font-size-adjust 프로퍼티 구현, 플러그 붙어있는 contain-intrinsic-size프로퍼티 구현, WebCodecs를 기본값으로 유효화 등
읽을거리
The evolution of scalable CSS
frontendmastery.com/posts/the-evolution-of-scalable-css/
대규모 프로젝트에도 스케일하는 CSS 모범사례 변천에 대한 글.
대규모 CSS 관리가 어려운 문제로 네임스페이스, 명명의 어려움, 리팩토링, 디버그의 어려움 문제에 대하여.
이를 대하는 아키텍처 OOCS, SMACSS, BEM, CSS-in-JS, Atomic CSS, Tailwind 등이 해결하는 하는 문제에 대하여.
Lerna와 Github Actions로 monorepo 라이브러리 출시를 편하게 - Link and Motivation Developers' Blog
link-and-motivation.hatenablog.com/entry/2022/11/16/190305
lerna를 이용해 monorepo로 라이브러리 publish하는 방법에 대하여
슬라이드, 영상관련
Client-side prototype pollution | Web Security Academy
portswigger.net/web-security/prototype-pollution
Prototype Pollution JavaScript 취약성에 대하여
Prototype Pollution 발견 방법, Prototype Pollution를 사용한 공격과 대책에 대하여
웹사이트, 서비스, 문서
Node.js Security Best Practices | Node.js
nodejs.org/en/docs/guides/security/
Node.js 보안 모범사례.
DoS 공격 대책, --inspect를 실 서비스에 이용않기, 패키지 공겨, 타이밍 공격, 서드파트 모듈과 policy-integrity, npm 경유 한 공급망 공격에 대해 등
