JSer.info #660 - Bun v1.0 출시되었습니다.
Node.js 호환 runtime과 코어패키지 구현, TypeScript의 Transpiler, Bundler, npm 패키지 매니저, bun test으로 테스트 도구가 포함된 툴킷입니다.
v1.0 출시로, Vercel가 패키지 매니저로 Bun 지원(Runtime으로는 미지원), Rails가 Bun 지원합니다.
- Bun install is now supported with zero configuration – Vercel
- Add Bun support by terracatta · Pull Request #49241 · rails/rails
Node.js 16가 2023년 9월 11일로 EOL(End of Life)가 되어 지원 종료됩니다.
Node.js 16의 LTS은, OpenSSL 1.1.1 지원 기간에 맞춰 단축되었기에, EOL가 당겨졌습니다.
CSS 개발자 앙케이트 State of CSS 2023가 공개되었습니다.
CSS 언어기능, 프레임워크, CSS in JS, 도구 등 관련해서 앙케이트 결과 공개되었습니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Bun 1.0 | Bun Blog
Bun v1.0 출시.
Node.js 호환 runtime과 코어 패키지 구현, TypeScript의 Transpiler, Bundler, npm 패키지 매니저, bun test 테스트 도구 내장.
Release v29.7.0 · jestjs/jest
github.com/jestjs/jest/releases/tag/v29.7.0
Jest v29.7.0 출시.
jest --init 대신 셋업 가능한 create-jest 패키지 추가
doc: mark v16.x as End-of-Life by targos · Pull Request #908 · nodejs/Release
github.com/nodejs/Release/pull/908
Node.js 16가 EOL 됨
New in Chrome 117 - Chrome Developers
developer.chrome.com/en/blog/new-in-chrome-117/
Chrome 117 출시.
CSS 애니메이션 관련 기능 추가
CSS subgrid 구현.
ECMAScript Stage 3에 있는 Object.groupBy/Map.groupBy 구현, Iterator Helpers 구현
Release v3.6.0 · honojs/hono
github.com/honojs/hono/releases/tag/v3.6.0
Hono v3.6.0 출시.
c.render()와 c.setRenderer() 추가, c.var 추가.
HMR 대응하는 Vite 플러그인 @hono/vite-dev-server 공개
Chrome 118 beta - Chrome Developers
developer.chrome.com/en/blog/chrome-118-beta/
Chrome 118 beta 출시.
@scope에서 Scoped Styles, Media Query에서 JavaScript 유효 확인하는 scripting 추가.
tabIndex이 0 이상 scoll container에 포커스할 수 있도록, beforeunload에서 event.returnValue가 빈문자라면 dialog 보이지 않도록 변경.
Bootstrap 5.3.2 | Bootstrap Blog
blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/
Bootstrap 5.3.2 출시.
읽을거리
Making Sense of React Server Components
www.joshwcomeau.com/react/server-components/
React Server Components 어떻게 동작하는가, Client와 Server 경계선, 이점에 대해
How to Pass a Component as a Prop in React | Total TypeScript
www.totaltypescript.com/pass-component-as-prop-react
Component를 Props으로 전달하는 3가지 방법에 대해.
JSX 전달하는 방법, Component 전달하는 방법, as 사용하는 방법
슬라이드, 영상
State of CSS 2023
State of CSS 2023 결과 공개.
CSS 언어 기능, 프레임워크, CSS in JS, 도구 등에 대한 앙케이트 결과 공개중이다.
웹사이트, 서비스, 문서
Next.Nav
Next.js 라우팅 정보에서 애플리케이션이 어떤 구조인가 보여줌, 라우팅 편집 가능한 VSCode 확장 기능
소프트웨어, 도구, 라이브러리
nebrelbug/npm-to-yarn: Convert npm CLI commands to yarn, and vice versa
github.com/nebrelbug/npm-to-yarn
npm 명령어를 yarn/pnpm/bun 명렁어로 변경하는 라이브러리
isaacs/tshy
TypeScript 소스코드에서 ESM와 CJS의 dual package 작성하는 도구
도서
Efficient Node.js
learning.oreilly.com/library/view/efficient-node-js/9781098145187/
2024년 8월 발매
Node.js 애플리케이션 개발에 관한 도서
