dev-weekly 2024-04-27
CSS
- 이제 모든 메이저 브라우저에서 block 세로 정렬을 위해 align-content 사용 가능.
Node
- V8 v12.4 적용
- 동기식 esm graphs require 실험적 플래그로 지원.
- 이제
npm run test 대신 node —run test 사용 가능. cpp로 재작성했고 200ms를 20ms로 단축.
- ESM, CJS 모두 만족하는 nodejs 패키지 만들기
type: module 을 피해야 하는 이유
Javascript
- 웹 개발 환경에 대한 가이드.
- 업무분야 개요, 포커스 영역, 학습을 위한 리소스, 프론트 환경의 펀더멘탈, 핵심 역량, 기타역량 및 패러다임 등에 대해 정리.
- 사용자 브라우저에서 JavaScript를 사용할 수 있는지 에 따른 미디어 쿼리
@media (scripting: none)
- 브라우저 확장에서 스크립트를 차단하면 감지 못하는 문제
- 프레임워크 덕분에 차이를 개발자들이 감소. 대부분의 경우 구별이 중요치 않음.
- 어트리뷰트만 직렬화, 때문에 항상 스트링. (프로퍼티는 객체 가능)
- 어트리뷰트가 프로퍼티를 반영(reflection)하는 경우 어트리뷰트는 데이터의 소스
- e.g. defaultValue 수정하면 value 프로퍼티, 어트리뷰트 둘 다 변경
- 리액트에선 커스텀 엘리먼트가 작동하지 않음. 프로퍼티는 사전에 리액트에서 정의한 것만 허용 ⇒ react 19에서 변경
ETC
- 유저가 웹에서 정보를 스캔하는 방식 소개(다양한 패턴들)
- 사용자는 페이지의 왼쪽 절반을 보는데 80%시간을 사용.
- 구조화된 스캔을 위해 제목, 부제목 추가하기 등 개선을 위한 가이드
Release