dev-weekly 2025-07-26

#node #javascript #npm #performance #video #image #css

Node

npq: safely install npm packages by auditing them pre-install stage

  • npx npq install express 와 같이 사용 가능. 설치 전 audit을 진행하여 안전하게 설치
  • snyk.io 의 DB를 참조하여 공개된 취약점 등을 확인

Frontend

Frontend Performance Checklist

  • 퍼포먼스 측정 도구 소개
  • HTML, CSS, JS, 이미지 핸들링, 비디오, 폰트, 호스팅 등 에서의 최적화 포인트 소개

Responsive video is (almost) easy now

  • video 에 source를 사용하여 반응형 비디오 사용하기
  • 전체 화면 전환처럼 다른 source 파일을 새로 로딩하지 않는 경우 처리하기
  • 포스터(프리뷰 이미지)는 모든 뷰포트에 대해 하나의 해상도만 제공 가능한 이슈 처리하기

It’s time for modern CSS to kill the SPA

  • 웹을 앱과 같이 만들기 위해 느리게 만드는 것들이 이제 필요하지 않음
  • 브라우저 지원이 좋아진만큼 2018년도 개츠비 데모에 갇히지 말고 2025년 개발을 할 것.

ETC

One simple trick to make your screenshots 80% smaller

  • 스크린샷을 캡쳐하면 1600만가지 색상과 투명값을 지원하는 PNG-32 포맷으로 저장. 색상 양자화를 통해 용량 감소 시키는 아티클.

Release

관련 글