JSer.info #610 - 풀스택 웹 프레임워크 Redwood 3.0이 릴리스 됐다.
Node.js 12 지원 종료, 프리렌더링 대응, TypeScript의 Strict Mode에 대응, Fastify v4 / Jest 29 / Prisma v4로의 업데이트 등이 이뤄졌다.
또, 기존 비밀번호 인증 외에 WebAuthn를 이용한 로그인 / 회원가입도 지원한다.
아래 슬라이드 자료에는 Software Supply Chain과 npm에서 구현 / 책정 중인 보안에 관한 기능이 정리돼 있다.
구현 된 것과 아직 RFC 단계인 것이 섞여 있다.
지정한 일자 이전의 버전을 설치할 수 있는 --before, Package Distributions, npm query 명령어.
또, 검증 강화와 관련된 npm audit signatures, sigstore 대응 및 Audit policies에 대해서도 소개하고 있다.
npm의 로드맵은 아래 문서에 공개돼 있으니 참고 바란다.
WebAssembly의 runtime인 Wasmtime 1.0가 릴리스 됐다.
1.0을 기점으로 안정적인 출시 가능한 제품(production ready)이 됐으며 향후에는 매월 업데이트를 공개해 나갈 예정이다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Redwood 3.0.0 is now available! - Announcements / Releases and Upgrade Guides - RedwoodJS Community
community.redwoodjs.com/t/redwood-3-0-0-is-now-available/3989
Redwood v3.0.0 릴리스.
Node.js 12 지원 종료, 프리 렌더링 대응, TypeScript의 Strict Mode에 대응, Fastify v4 / Jest 29 / Prisma v4로 각각 업데이트.
또, WebAuthn를 이용한 로그인 / 사인업 지원 등.
Release v9.4.0 · TypeStrong/ts-loader
github.com/TypeStrong/ts-loader/releases/tag/v9.4.0
ts-loader v9.4.0 릴리스.
.cjs, .mjs, .cts, .mts 지원 등.
Qwik and Qwik City have reached beta! 🎉
www.builder.io/blog/qwik-and-qwik-city-have-reached-beta
Qwik 기반의 메타 프레임워크 Qwik City가 1.0 베타가 됐다.
React Router 6.4 Release | Remix
remix.run/blog/react-router-v6.4
React Router 6.4 릴리스.
Bytecode Alliance
bytecodealliance.org/articles/wasmtime-1-0-fast-safe-and-production-ready
WebAssembly의 runtime인 Wasmtime 1.0 릴리스.
Release v1.26.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.26.0
playwright v1.26.0 릴리스.
Assertion에 옵션 인자 추가, --pass-with-no-tests 플래그, ignore-snapshots 플래그 추가.
또, waitUntil: domcontentloaded의 iframe에 대한 동작이 변경됐다.
아티클
Announcing the Official TypeScript Types Public Preview
blog.emberjs.com/announcing-official-typescript-types-public-preview/
Ember 4.8.0 Beta 2 이후로 TypeScript 타입 정의 파일이 동봉된다.
프리뷰 기간에는 import "ember-source/types";로 불러올 수 있으며 안정화 되면 완전히 전환 되어 semver 정책에 따라 공개될 예정.
The Basics of Remix | CSS-Tricks - CSS-Tricks
css-tricks.com/the-basics-of-remix/
Remix를 소개하는 글.
슬라이드, 영상
Infobip - Shift Conference (2022) - Google 슬라이드
최근 구현됐거나 RFC 단계인 npm 관련 보안 기능과 소프트웨어 서플라이 체인(supply-chain) 등에 대해서 정리돼 있는 슬라이드 자료.
--before를 이용한 지정일 이전 버전 설치, Package Distributions, npm query 명령어 소개.
또, 검증 강화와 관련된 npm audit signatures, sigstore 대응과 Audit policies도 소개한다.
사이트, 서비스, 문서
lost-pixel/lost-pixel: Holistic visual regression testing framework for modern web 🖼 First class integration with Storybook, Ladle & other frontend libraries.
github.com/lost-pixel/lost-pixel
Storybook 등을 지원하는 시각적 회귀 도구.
GitHub Actions을 사용해 스냅샷을 갱신할 수 있다.
소프트웨어, 도구, 라이브러리
ts-safeql/safeql: Validate and auto-generate TypeScript types from raw SQL queries in PostgreSQL.
TypeScript로 작성한 SQL문을 실 데이트베이스에 연결하여 검증할 수 있는 ESLint 플러그인.
PostgreSQL, Prisma, Sequelize, pg, postgres 등을 지원한다.
tinylibs/tinybench: 🔎 A simple, tiny and lightweight benchmarking library!
벤치마크 라이브러리.
체이닝을 통해 실행할 코드를 콜백 함수로 지정하고 각 함수의 실행 시간을 비교해 볼 수 있다.
anonrig/fast-querystring: A faster alternative to legacy node:querystring module
github.com/anonrig/fast-querystring
querystring과 동일한 API를 갖는 쿼리 스트링 조작 라이브러리.
tokencss/tokencss
Design Tokens를 CSS에서 이용할 수 있도록 하는 프리프로세서 도구.
skovhus/jest-codemods: Codemods for migrating to Jest https://github.com/facebook/jest 👾
github.com/skovhus/jest-codemods
Jest로 이전을 도와주는 codemod 모음.
Ava, Chai, expect.js, jasmine, mocha.should.js, tape, sinon.js로 부터 이전할 수 있는 도구가 준비 돼 있다.
parcel-bundler/lightningcss: An extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
github.com/parcel-bundler/lightningcss
Parcel에서 사용하고 있는 CSS Parser, Transformer, Minifier.
Rust로 작성돼 있다.
