JSer.info #619 - 매년 행해지고 있는 JavaScript 개발자 앙케이트 State of JavaScript 2022가 개최되었다.
언어 기능이나 프레임워크 등에 대해 2022년 12월 15일까지 앙케이트를 받는다.
과거 결과는 다음 페이지에 공개되어있다.
ECMAScript proposal: RegExp flag /v
makes character classes and character class escapes more powerful에서는 현재 ECMAScript Proposal Stage 3에 있는 RegExp v
flag에 대해 해설합니다.
정규표현 v
플러그는 정규표현에 집합조작과 구문을 추가하는 Proposal입니다.
글에서는 v
플러그를 이용할 때 문자 클래스와 Unicode Property Escape, 문자 클래스의 집합조작, case-insensitive 매치 개선에 대해 해설합니다.
헤드라인
AWS AppSync GraphQL APIs Supports JavaScript Resolvers | AWS News Blog
aws.amazon.com/jp/blogs/aws/aws-appsync-graphql-apis-supports-javascript-resolvers/
AWS AppSync GraphQL APIs의 Resolver로 VTL를 더한 JavaScript이 이용 가능.
Release v1.28 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.28.0
playwright v1.28.0 출시.
VSCode에서 테스트 코드 생성을 보조하는 Playwright Tools 추가, test.describe.configure
API 추가 등
Release v7.17.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v7.17.0
pnpm v7.17.0 출시.
pnpm licenses list
커맨드 추가 등
State of JavaScript 2022
survey.devographics.com/survey/state-of-js/2022
2022년 12월 15일까지, JavaScript 개발자의 앙케이트를 받는다.
읽을거리
The magical world of Particles with React Three Fiber and Shaders - Maxime Heckel's Blog
blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
React Three Fiber를 이용한 파티클 렌더링 튜토리얼
ECMAScript proposal: RegExp flag `/v` makes character classes and character class escapes more powerful
2ality.com/2022/11/regexp-v-flag.html
ECMAScript Proposal Stage 3 RegExp의 v
플러그에 대한 해설.
문자클래스와 Unicode Property Escape, 문자클래스 집합조작, case-insensitive 매치 개선에 대하여
코드 점프 가능한 CSS Modules 실현하는 happy-css-modules 소개 - mizdra's blog
www.mizdra.net/entry/2022/11/14/102506
Typed CSS Modules와 코드점프 문제 관련.
TypeScript Declaration Map를 사용해, 자료형 정의 파일이 아니라, 소스코드인 CSS 그 자체로 점프하도록 구현
Manifest v3 signing available November 21 on Firefox Nightly | Mozilla Add-ons Community Blog
blog.mozilla.org/addons/2022/11/17/manifest-v3-signing-available-november-21-on-firefox-nightly/
2022년 11월 21일부터 Firefox 확장기능 스토어 AMO에 Manifest V3 확장을 업로드하고 서명할 수 있게 함
Automate an isolated browser instance with just a few lines of code
blog.cloudflare.com/introducing-workers-browser-rendering-api/
Cloudflare Workers에서 Puppeteer를 이용할 수 있는 Rendering API를 도입 예정.
gVisor로 관리되어 온 Browser Rendering를 샌드박스 내에서 렌더링하고 결과를 얻을 수 있다.
Expiration Cap Removed From JavaScript Cookies In WebKit Browsers | Simo Ahava's blog
www.simoahava.com/privacy/first-party-cookies-webkit-revisited/
Safari Cookie 유효기간 관련.
브라우저 이용한 날에 7일간 사용하지 않는다면 삭제, ITP에서 트래킹 분류된 경우에는 24시간 후 삭제, CNAME Cloaking 이라면 7일간 제한 등
슬라이드, 영상
메타 프론트엔드 개발자 프로페셔널 인증서 | Coursera
www.coursera.org/professional-certificates/meta-front-end-developer
Meta의 프론트엔드 개발자 입문을 위한 coursera 강좌.
HTML/CSS/JavaSciprt, React, UI/UX 등을 배울 수 있는 강좌이다.
웹사이트, 서비스, 문서
Permissions-Policy Research - Google 문서
docs.google.com/document/d/14xHANU3n43PfJR_dCpEwVCiVYv12BAfGqOICNvd79R4/edit#
Feature-Policy와 Permissions-Policy 대응이나 표준화등에 대해 조사 문서
MDN 문서를 위해 조사되었다.
소프트웨어, 도구, 라이브러리
hadmean/hadmean: Generate powerful, fully functional, ready-to-be-deployed admin apps in seconds with just `npx hadmean`. No Javascript, no SQL, no components, no tutorials, and finally zero maintenance. Stop building and maintaining admin apps that you can auto-generate.
데이터베이스의 데이터를 보는 관리 화면을 만드는 제네레이터 애플리케이션
도서
JavaScript와 비교하며 배우는 TypeScript | Techpit
JavaScript에 자료형을 붙이며 TypeScript에 대해 배우는 도서