JSer.info #669 - Angular v17 출시되었습니다.
- Introducing Angular v17. Last month marked the 13th anniversary… | by Minko Gechev | Nov, 2023 | Angular Blog
- Release v17.0.0 · angular/angular
Node.js 16 지원 종료, 문서 사이트 업데이트, @if나 @for같은 built-in control flow 추가되었습니다.
새로운 프로젝트에서 SSR를 위한 hydration를 기본값으로 유효, ng serve와 ng build에 Vite와 esbuild 이용가능하도록 하는 변경도 포함되었습니다.
Prettier 3.1 출시되었습니다.
--experimental-ternaries으로 삼항연산자의 새로운 규칙을 체험할 수 있으며, 피드백을 기다리고 있습니다.
Babel 7.23.0에서 지원되고 있는 Source Phase Imports/Deferred Import Evaluation/Optional Chaining Assignments 구문 지원, Angular 17에서 추가된 control flow 구문 지원도 추가됩니다.
Node.js v21.2.0 출시되었습니다.
__dirname와 __filename에 ESM 버전 import.meta.dirname와 import.meta.filename가 추가되었습니다. import.meta은 ECMAScript에는 정의되어 있지 않으며, 호스트 환경(브라우저/Node.js/Bun/Deno) 등이 각각 정의하고 있습니다.
이 정의를 import.meta Registry에서 정리했습니다.
또한, fs/promises 스택스테리스 추가, navigator.language/navigator.platform 추가, --no-experimental-global-navigator 플래그 추가도 있습니다.
To support JSer.info
- 😘 Recommend JSer.info to your friends!
- ❤️ Support @azu on GitHub Sponsors/JSer.info Sponsors
- 🐦 Follow @jser_info on X(Twitter)
헤드라인
Introducing Angular v17. Last month marked the 13th anniversary… | by Minko Gechev | Nov, 2023 | Angular Blog
blog.angular.io/introducing-angular-v17-4d7033312e4b
Angular v17 출시.
Node.js 16 지원, 문서 사이트 업데이트, @if이나 @for등의 built-in control flow 지원.
새로운 프로젝트에서 SSR에 의한 hydration 기본적으로 유효, ng serve와 ng build에 Vite와 esbuild 이용 가능
Astro 3.5: i18n Routing | Astro
Astro 3.5 출시.
prefetch 기능을 코어에 통합, <ViewTransitions handleForms /> 추가, addMiddleware 추가, Qwik 지원.
실험적 기능 i18n Routing API 추가, contentCollectionCache 옵션 추가
Prettier 3.1: New experimental ternaries formatting and Angular control flow syntax! · Prettier
prettier.io/blog/2023/11/13/3.1.0.html
Prettier 3.1 출시.
--experimental-ternaries 삼항연산자 새 규칙 체험 가능.
Babel 7.23.0에서 지원되는 구문 지원, Angular 17에서 추가 된 control flow 구문 지원
Node v21.2.0 (Current) | Node.js
nodejs.org/blog/release/v21.2.0
Node.js v21.2.0 출시.
import.meta.dirname와 import.meta.filename 추가, fs/promises에 스택트레이스 추가.
navigator.language/navigator.platform 추가, --no-experimental-global-navigator 플래그 추가.
Project Status: Maintenance Reboot · Issue #5027 · mochajs/mocha
github.com/mochajs/mocha/issues/5027
Mocha 프로젝트를 리붓하고 유지보수 재개한다는 공지.
Bun v1.0.12 | Bun Blog
Bun v1.0.12 출시.
bun -e "<code>" 지원, bun --env-file <path> 지원, import.meta.env 지원.
expect.unreachable() 추가, mock.module(...) 개선
읽을거리
HTML DOM — Phuoc Nguyen
DOM API 색인 같은 사이트
사양과 구현에서 이해하는 HTML의 loading 속성 - dwango on GitHub
dwango.github.io/articles/html-loading-attribute/
브라우저 마다 img/iframe의 loading=lazy 동작 차이에 대하여
The end of third-party cookies and its impact on Miro apps and integrations | by Darren | Miro Engineering | Nov, 2023 | Medium
서드파티 Cookie 삭제가 이를 사용하는 사이트에게 주는 영상와 대응에 대해.
A faster web in 2024 - rviscomi.dev
rviscomi.dev/2023/11/a-faster-web-in-2024/
Google의 Web Vitals 지표로 FID(First Input Delay) 대신 INP(Interaction to Next Paint) 이용하도록 변경하는 것에 대하여.
INP를 개선하는 방법으로 태스트 분리, LCP와 lazy loading 문제, fetchprioty나 Speculation Rules API 등에 관하여.
Moving back to React
daily.dev/blog/moving-back-to-react
Next.js 호환성을 위해 Preact에서 React으로 마이그레이션 한 이야기.
Preact와 React 호환성 문제나 실제 만나는 문제에 대해
슬라이드, 영상
JetBrains JavaScript Day 2023 - YouTube
www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT
JetBrains JavaScript Day 2023 영상 정리
웹사이트, 서비스, 문서
SpeedVitals - Website Speed Test & Monitoring
WebPageTest 같이 장소와 기기를 지정해 성능 테스트 가능한 서비스.
URL 지정해서 Lighthouse 사용한 계측 데이터 확인 가능
