dev-weekly 2022-08-13


CSS

How I Added Scroll Snapping To My Twitter Timeline

  • scroll-snap이 캐러셀 등의 x축 뿐 아니라 y측에 적용했을 때 얻는 유용함
  • 뷰포트보다 큰 컨텐츠에서의 이슈 및 브라우저별 구현이 상이한 이슈

Node

No More ‘Native Modules’ for Node.js. Sort of.

  • 이제 Native Modules 이라는 용어 대신, built-in module, addon 사용

Sync Scroll: A VS Code Extension to Scroll Split Panes Simultaneously

  • VSCode 익스텐션. 하나의 파일에서 스크롤을 하면 다른 파일의 싱크를 맞춰서 스크롤.

Release

Javascript

Astro 1.0: The Fast Islands-Based Frontend Framework

  • Astro 1.0 릴리즈 - 콘텐츠 중심의 빠른 웹사이트 구축을 위한 도구

Patterns.dev: Modern Web App Design Patterns

  • 모던 웹 앱의 디자인 패턴 이라는 무료 책
  • 디자인 패턴, 렌더링 패턴, 성능 패턴으로 카테고라이징 되어있고, 상세한 내용과 많음 참조가 들어간 고퀄리티 서비스

TypeScript 4.8 is now in release candidate stage.

  • --build--watch, --incremental 성능 향상

Release

Code Golfing Tips and Tricks for Smaller JavaScript Code

  • 코드 골프란 멋진 일을 하기 위해 가장 적은 양의 코드를 쓰는 것
  • 능력 테스트이므로 일반 코드에선 사용하면 안됨
  • ex) var a=8,b=13;a=[b,b=a][0]

Size Limit 8.0: Performance Budgeting Tool for JavaScript

  • performance budget tool. CI의 커밋들을 확인하고 엔드 유저에게 딜리버리 될 JS 용량을 계산해 한도를 초과하면 pull request에 에러를 표시