dev-weekly 2022-02-05

CSS

Fancy CSS Borders Using Masks

Here’s What I Didn’t Know About :where()

  • :where() 를 사용하여 specificity 낮추기

Node

The Fetch API Comes to Node Core (and Why You Should Care)

  • Node18부터 fetch API 코어에서 지원
  • fetch에 대한 간략한 설명

’How I Reversed a Node.js Malware and Found The Author’

  • 디스코드 서버에 올라온 악성파일을 리버시 엔지니어링하고 제작자를 찾은 과정

Top 100 npm Package Maintainers Now Must Use 2FA

  • 주간 다운로드 100만건 이상, 혹은 500건 이상의 종속성이 있으면 2FA 필수
  • 2022년 2월1일부터 npm 상위 100개 패키지는 2FA 필수
    • 2FA비활성화 메인테이너는 세션 취소

V8 release v9.9

  • Intl 개선 - Intl.Locale 객체에 새 프로퍼티 추가
    • calendars, collations, hourCycles, numberingSystems, timeZones, textInfo, weekInfo
  • Intl Enumeration - Intl.supportedValuesOf(code)
    • ex) Intl.supportedValuesOf('unit') // [‘acre’, ‘bit’, ‘byte’, ‘celsius’, ‘centimeter’, …]

Electron 17 Released

  • 크롬 98, 노드 16.13, V8 9.8 적용
  • 일렉트론 13 지원종료
  • 마이그레이션 이슈 해결을 돕는 CLI
    • prisma migrate diff, prisma db execute
  • CockroachDB Preview 지원

Javascript

Babel 7.17.0 Released

  • Decorators proposal 지원
  • Regexp - v flag를 붙이면 Extended set notation 등 3가지 새로운 정규식 기능

VSCode 1.64

  • Side Panel - 양쪽에 패널을 띄우는 등 레이아웃 변경 가능
  • Terminal - Y응답을 할 때 엔터 자동입력
  • Debugging
    • 바이너리 데이터(Hex) 보기, 수정 지원
    • JS디버깅 - BreakPoint에서 Exclude callers 제외 ex) 특정 이벤트가 호출한것만 남기고 제외하여 이벤트 핸들러를 통한 호출만 보기
  • 마크다운에서 이미지 경로 인텔리전스
  • 웹용 VSCode(vscode.dev) PWA 지원 - 오프라인 지원(호스트에 설치 가능)

BRIEF

Release

Speeding Up VS Code Extensions in 2022

  • VSCode 아키텍처 기본
  • VSCode의 익스텐션 로드를 빠르게 하기 위해 번들링하기

A-Frame 1.3: A Framework for Building WebVR Experiences

  • AFrame 1.3 릴리즈
  • Vive, Rift, Quest, Browser 에서 작동하는 VR 웹 프레임워크

WebVM.io

Go

Go 1.18 Beta 2 Released

  • 베타1도 이미 구글에서는 프로덕션에 사용중
  • 1.18 릴리즈는 3월 예상