dev-weekly 2023-03-04


CSS

A guide to CSS object-view-box

  • 이미지를 확대/축소하는 편리한 방법 object-view-box

Node

zx 7.2: A Tool for Writing Better Shell Scripts

  • zx 7.2 릴리즈. retry(), spinner() 를 experimental 플래그 없이 사용 가능
  • 마크다운 스크립트에 ~~~ 블록 추가 등

Node.js Toolbox: A New Way to Find Node.js Packages

  • npm 생태계의 도구들 중 많이 사용되는 것들을 카테고리별로 그룹핑 및 비교해준 도구
  • chalk 누적 다운로드 약 220억회

Javascript

Sandworm Audit: A New JS Auditing Tool

  • 프로젝트 및 종속성에서 취약점, 라이센스 등을 검사하는 무료 CLI 도구
  • 차트, csv, json 등 다양한 출력 포맷 지원

You Don’t Need a Build Step

  • 빌드로 인해 얻은 장점과 단점. deno를 사용해서 bulid 프로세스 스킵하기

Announcing TypeScript 5.0 RC

  • TS 5.0 RC.
  • TC39내의 논의, 컨센서스를 반영하여 export, export default 전후에 배치 가능한 데코레이터

The 2023 JavaScript Site Generator Review

  • 사이트 제너레이터 도구들(astro, eleventy, enhance, gatsby, nextjs, nuxt, remix, sveltekit) 비교
    • 설치 시간, 리소스 크기, node_module 용량, npm audit, 텔레메트리 등

ts-reset: A ‘CSS Reset’ for TypeScript

  • CSS Reset의 TS버전. 라이브러리 용이 아닌 어플리케이션 용.

ETC

Visual design rules you can safely follow every time

  • 언제나 안전하게 따를 수 있는 디자인 룰. 룰을 어겨야 하는 이유가 있다면 어겨도 되지만, 따라하면 안전한 룰
  • 색상, 여백, 정렬 등에 대한 팁들

Local-FirstWeb Development

  • 로컬 퍼스트 웹에 대한 컨셉, 개발 방법론 등

The Carbon Impact of Web Standards

  • 웹 사이트, 서비스, 웹앱의 탄소 배출량 계산 리포트