Fork me on GitHub

2024-03-05: Parcel v2.12.0, `polyfill.io` 대체하기, express 4.18.3

Translator: rewrite0w0 Edit on GitHub See Revisions

JSer.info #683 - Parcel v2.12.0가 출시되었어요.

Bun와 같은 구조로, Import Attributes 사용한 macro 대응했어요.

브라우저 상에서 동작 가능한 REPL 공개, bundle에도 Lightning CSS 사용하도록 변경되었어요.
그 밖에는 메모리 사용량 52% 개선, 읽기 성능 개선도 있어요.


지난 주 글polyfill.io 를 Funnull CDN(만능CDN)가 운용하는 Funnull에 매수되었다는 소식 전달했는데요.
그 후에, Fastly과 Cloudflare(cdnjs)가 polyfill.io 대체하는 서비스로, https://polyfill-fastly.nethttps://cdnjs.cloudflare.com/polyfill/를 공개했어요.


express v4.18.3가 출시되었어요.

이번 출시에는 큰 수정은 없지만, express 앞으로 개발에 대해서 Express.js Technical Committee에서 활발하게 이뤄졌어요. express는 메이저 출시 (express 5)가 멈춰져있지만, Express Forward 프로젝트로 앞으로의 express 로드맵, 개발 체제 등의 조직, 지속적 출시 위한 구조 등에 대해 논의가 이뤄졌어요.

이번 express v4.18.3는, 새로운 체제에 대한 대비 일환으로 출시되었어요.

구체적인 Discussions은 다음은 참조해주세요.


To support JSer.info


헤드라인


7.24.0 Released: Decorator updates and JSON modules imports · Babel

babeljs.io/blog/2024/02/28/7.24.0

babel ReleaseNote

Babel v7.24.0 출시.
Decorator 새로운 사양 대응, JSON Modules import 대응하는 "@babel/plugin-proposal-json-modules"과추가.
Hermes 기반 Flow 파서 이용하는 experimental_useHermesParser 옵션 추가


Parcel v2.12.0

parceljs.org/blog/v2-12-0/

JavaScript bundler ReleaseNote

Parcel v2.12.0 출시.
Import Attributes 사용한 macro 대응, 브라우저 상에 동작하는 REPL 공개, bundle에도 Lightning CSS 사용하도록 변경.
메모리 사용량 52% 개선, 읽기 성능 개선


New options for Polyfill.io users - General - Fastly Community

community.fastly.com/t/new-options-for-polyfill-io-users/2540

webservice polyfill news JavaScript

Fastly가 polyfill.io 대체 할 polyfill-fastly.netpolyfill-fastly.io 공개.
polyfill.io이 Funnull CDN에 매각되어 운영자가 바뀌었기에 대체 수단 제공 목적


polyfill.io now available on cdnjs: reduce your supply chain risk | The Cloudflare Blog

blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk

cloudflare cdn news

Cloudflare가 polyfill.io 대체 CDN를 cdnjs 상에 공개


Release 4.18.3 · expressjs/express

github.com/expressjs/express/releases/tag/4.18.3

express nodejs ReleaseNote

express 4.18.3 출시.
Express 새로운 Technical Committee에서 첫 출시.
express 개발 재개하기 위한 Express Forward Initiative에서, 프로세스 진전 목적으로 출시.


Bun v1.0.30 | Bun Blog

bun.sh/blog/bun-v1.0.30

Bun ReleaseNote

Bun v1.0.30 출시.
exports 필드 패키지 해결 지정하는 --conditions 플래그 추가, expect.assertions()/expect.hasAssertions() 지원


ESLint v8.57.0 released - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/02/eslint-v8.57.0-released/

ESLint reel

ESLint v8.57.0 출시.
eslint.config.mjseslint.config.cjs 지원, loadESLint()로 불리는 FlatESLintLegacyESLint 상호운용성 위한 API 추가


읽을거리


Million Lint is in public beta | Million.js

million.dev/blog/lint

React performance Tools VSCode article

React 대상으로 하는 렌더링 성능 분석 도구.
프로파일 작성한 후에 렌더링 횟수, 실행 시간 등 수집, VSCode 확장 사용해 코드 상에 문제 게시.
문제 개선 방법에 대해 유료 서비스 Lint++ 이용


Next.js vs. Remix - A Developer's Dilemma | Saeloun Blog

blog.saeloun.com/2024/02/21/next.js-vs-remix/

Next.js Remix article

Next.js와 Remix 비교.
라우팅, 페이터 페칭, mutate, 에러 처리, 커뮤니티, 학습곡선, 가격 등


웹사이트, 서비스, 문서


MDN Curriculum

developer.mozilla.org/en-US/curriculum/

HTML CSS JavaScript tutorial accessibility

MDN 프론트엔드 커리큘럼.
소프트 스킬부터, HTML/CSS/JavaScript이나 개발에 필요한 일반적 지식 등 자료 모음


wxt-dev/wxt: ⚡ Next-gen Web Extension Framework

github.com/wxt-dev/wxt?tab=readme-ov-file

browser Extension Tools

Vite 기반 브라우저 확장 개발 프레임워크.


JSR: the JavaScript Registry

jsr.io/

JavaScript deno nodejs webservice

TypeScript 코드 그대로 push 가능한 Deno 대상 패키지 레포지터리 서비스.
npm registry로도 동작해, npm에서도 이용 가능.
OIDC ID token 대응해, GitHub Actions에서 패키지 공개 가능.


소프트웨어, 도구, 라이브러리


electric-sql/pglite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno

github.com/electric-sql/pglite

PostgreSQL WebAssembly library

Postgres WebAssembly 빌드.
브라우저 상에 Postgres 동작. InMemory/파일 시스템/IndexedDB에 데이터 저장 가능.


Pull Request to this article
JSer.info Slackに参加する