dev-weekly 2022-07-30


CSS

The CSS Behind Figma

  • 피그마에서 사용한 Grid와 Flex
  • 그리드의 한 칸을 작게 설정하고 반복시킨 뒤 메뉴 하나가 여러 칸을 점유하도록 하는 방식

Use Firefox for Accessibility Testing

  • 파이어폭스의 a11y 도구들
  • 시뮬레이션, 탭 순서, 검사 및 프로퍼티 패널
  • Wave extension, axe Devtools extension, etc

Node

Introducing Even More Security Enhancements to npm

  • 간소화된 로그인 및 퍼블리싱 (8.15.0 이상에서 제공. 9에서 디폴트)

    npm login --auth-type=web
    npm publish --auth-type=web
    
  • 깃헙, 트위터 계정등을 NPM에 연결

  • npm audit signature (8.13.0 이상에서 제공)

Using Rust for Writing Node Modules

  • Rust로 노드 모듈 만들기
  • NodeJS 바인딩과 직접 통합
    • rust에서는 nj-cli로 빌드

serverless-bundle 5.4: Optimized Packages for Config-Free ES6 and TypeScript Node.js Lambda Functions

  • 내부적으로 serverless-webpack을 사용

ETC

Javascript

Douglas Crockford: “The best thing we can do today to JavaScript is to retire it.”

  • JSON 창시자 더글라스 크락포드 인터뷰.
  • JS는 다른 공룡 언어와 마찬가지로 발전을 가로막는 장벽. 다음 언어에 집중해야함.

examples of larger production-grade open source React apps

  • 프로덕션급 오픈 소스 리액트 엡 예제 모음
  • Jira Clone, real world, cypress realworld, AST Explorer, Excalidraw, Sentry, Grafana, etc

Extract Parameter Types from String Literal Types with TypeScript

  • TS 타입에 대한 가이드 문서
  • Conditional Type, Template Literal Type 에 대한 가이드