JSer.info #521 - WebAssembly의 런타임 환경 Wasmer 1.0이 릴리스 됐다.
- Wasmer 1.0. By leveraging Wasm for software… | by Syrus Akbary | Wasmer | Jan, 2021 | Medium
- wasmer/CHANGELOG.md at master · wasmerio/wasmer
Wasmer 1.0에서는 Wasm 파일을 .dll 등으로 사전 컴파일하는 wasmer compile 추가, 크로스 컴파일 대응, 에러 레포트가 개선됐다.
1.0는 AOT (Ahead Of Time) compilation(wasmer compile에 의한 precompile) 등을 지원하여 production ready에 필요한 성능이 크게 개선됐다.
아래 글에는 2020년의 웹 표준과 향후 동향에 대해 작성돼 있다.
HTML, CSS, DOM API에 관한 2020년 웹 표준 및 브라우저 대응 현황과 웹 접근성과 관련한 WCAG 2.2 그리고 그 표준인 WCAG 3.0의 책정 상황이 대해 정리돼 있다.
React 용 Utility-first한 CSS-in-JS 프레임워크인 xstyled 2.0이 릴리스됐다.
xstyled는 Styled System과 Tailwind CSS에서 영감을 받아 개발한 CSS-in-JS 프레임워크다.
내부에서 CSS-in-JS 라이브러리로 styled-components 또는 emotion을 사용, Tailwind와 같은 Utility 스타일을 지정할 수 있는 React 컴포넌트를 제공하는데 목적이 있다.
2.0에서는 1.x에서의 API 변경이 포함돼 있으며 TypeScript 타입 정의가 추가됐고 공식 문서 사이트가 개편됐다.
헤드라인
Wasmer 1.0. By leveraging Wasm for software… | by Syrus Akbary | Wasmer | Jan, 2021 | Medium
medium.com/wasmer/wasmer-1-0-3f86ca18c043
WebAssembly Runtime인 Wasmer 1.0이 릴리스됐다.
Wasm 파일을 .dll 등으로 사전 컴파일하는 wasmer compile 추가, 크로스 컴파일 대응, 에러 리포트 개선
Node v15.5.1 (Current) | Node.js
nodejs.org/en/blog/release/v15.5.1/
Node.js 15.5.1 릴리스
DoS와 관련된 취약점과 HTTP Request Smuggling 취약점 수정이 포함된 보안 업데이트
Node.js 10, 12, 14 각각 동일한 보안 업데이트 버전이 릴리스 됐다.
Release Notes for Safari Technology Preview 118 | WebKit
webkit.org/blog/11439/release-notes-for-safari-technology-preview-118/
Safari Technology Preview 118 릴리스
Web Inspector에 Network 요청을 intercept 하는 UI 추가
ECMAScript Proposal의 Array#at 지원, Private Click Measurement 설정을 experimental에서 표준 UI 환경으로 이전
아티클
React 튜토리얼 1：멍멍이 사진 갤러리를 만들자(일본어)
zenn.dev/likr/articles/6be53ca64f29aa035f07
React를 사용한 웹 애플리케이션 개발 튜토리얼
React의 기본적인 사용 방법, 컴포넌트, Netlify를 이용한 배포 방법 소개
2021년 웹 표준과 브라우저：신춘특별기획｜gihyo.jp … 기술평론사(일본어)
gihyo.jp/design/column/newyear/2021/web-standards-and-browsers
2020년의 HTML, CSS, DOM API 변화를 정리한 글
또, IE 11와 구Edge 지원 현황, UA Client Hint나 Privacy Sandbox 등에 대처하는 방법 등 폭넓게 웹(표준) 상황을 다루고 있다.
2021년 웹 접근성：신춘특별기획｜gihyo.jp … 기술평론사(일본어)
gihyo.jp/design/column/newyear/2021/web-accessibility-prospect
웹 접근성 사양 현황을 정리한 글
2020년의 WCAG 변경점, WCAG 데쥬르 표준에서의 ISO / JIS 버전 현황
책정 중인 WCAG 3.0, WAI-ARIA 1.2에 대해 정리돼 있다.
Deno에서 npm 패키지를 이용하는 노하우(일본어)
zenn.dev/uki00a/articles/how-to-use-npm-packages-in-deno
Deno에서 npm에 공개된 패키지를 사용하는 방법
skypack, esm.sh, jspm.dev를 이용한 방법
또, JavaScript로 작성한 패키지를 타입 검사하는 구조로 X-TypeScript-Types 헤더와 @deno-types 소개
Vanilla Hooks (outside React). Hooks are a pattern, not something… | by Andrea Giammarchi | JavaScript In Plain English | Jan, 2021 | Medium
medium.com/javascript-in-plain-english/vanilla-hooks-outside-react-860471e5f95c
uhooks를 사용해 React Hooks와 비슷하게 DOM API를 활용해 TODO 애플리케이션 작성하는 방법 소개
사이트, 서비스, 문서
TabFS
브라우저의 탭을 파일시스템으로 마운트하는 브라우저 확장
소프트웨어, 도구, 라이브러리
g-plane/typed-query-selector: Better typed `querySelector` and `querySelectorAll`.
github.com/g-plane/typed-query-selector
Template Literal Type를 사용해 document.querySelector에 전달한 인자에서 반환될 요소의 타입을 추론하는 라이브러리
xstyled - A utility-first CSS-in-JS framework built for React. - xstyled
React 용 Utility-first한 CSS-in-JS 프레임워크
CSS-in-JS 라이브러리로 styled-components 또는 emotion을 사용해 Tailwind 같은 Utility 스타일을 정의할 수 있는 컴포넌트를 제공하는데 목적이 있다.
styled-system과 styled-components에 영감을 받아 개발됐다.
Nullstack - Full-stack Javascript Components
동일한 컴포넌트가 브라우저와 Node.js에서 동작하도록 다루는 풀스택 프레임워크
.njs라는 확장자로 라이프사이클 메서드와 JSX를 사용한 컴포넌트를 작성하여 SSR이나 Hydrate 등을 실시
서버에서 동작하는 코드는 static async로 작성하고 인스턴스 메서드는 브라우저 용으로 처리되며 context 객체로 값을 주고 받는다.
빌드하면 브라우저와 서버 용으로 bundle한 파일이 각각 출력된다.
kripod/otion: Atomic CSS-in-JS with a featherweight runtime
runtime 환경에서 atomic CSS-in-JS를 실현하는 라이브러리
atlassian-labs/compiled: Build time atomic CSS-in-JS. Baked and ready to serve.
github.com/atlassian-labs/compiled
build time 환경에서 Atomic CSS-in-JS를 실현하는 라이브러리
Yord/shargs: 🦈 shargs is a library for building command-line argument parsers.
커멘드 라인 인수 파싱 라이브러리
서브 커멘드, 맞춤법 정정, REPL 등에 대응한다.
O1dMate/dns-host: Simple, lightweight DNS server written in pure JavaScript with no external dependencies.
Node.js의 dgram 코어 패키지를 활용해 개발한 DNS 서버 구현 라이브러리
도서
Amazon.co.jp: 웹 전송 기술 - HTTP 캐시, 리버스 프록시, CDN을 활용하다: 타나카 쇼헤이: 책
www.amazon.co.jp/dp/4297119250/
2021년 2월 13일 출간 예정
