dev-weekly 2022-05-07
CSS
- 뷰포트 기준 미디어 쿼리는 모든 컨텍스트에 확장할 수 없음
- 본질적인 디자인을 위한 프로퍼티, 함수 소개 - clamp(), fit-content, grid 등
- padding은 clamp()로, margin은 block start로, gap은 clamp()로 사용하여 제어 할 때의 장점
- overflow-wrap(과거의 word-wrap), word-break 등의 CSS 제어
<wbr>, shy;, , ⁠ 등을 이용한 제어- CJK(한중일)에서 동작시키기 위한 CSS Property
- 텍스트는 좌측 정렬을 유지하면서 영역은 가운데 정렬하기
- wrapper를 만드는 고전적인 방법, wrapper가 없어도 되는 요즘 방법
- html, css로 만든 포켓몬 퀘스트의 아이콘들
Node
- fastify에 대하여 - 장점들
- Hooks, 요청과 응답확장, 플러그인 캡슐화, 워커 지원 등
- vercel과 http-proxy-middleware를 사용하여 10분만에 프록시 서버 만들기
- 러스트 기반의 resvg, napi-rs.
.node 로 컴파일되어 node-gyp가 필요하지 않음
- 제로 디펜던시, SVG to PNG, SVG텍스트에서 시스템 폰트, 사용자 폰트 지원
Javascript
- Partytown 라이브러리에 대한 소개
- 파티타운의 아키텍쳐와 작동원리
- 파티타운 사용법(설정)
- 라이언 달(Node, Deno 창시자)의 JS 컨테이너 글
- 자바스크립트 샌드박스 - 서버 소프트웨어를 위한 상위 레벨 컨테이너
- 리눅스 컨테이너가 사라지지는 않지만, 대부분의 웹 서비스는 JS 컨테이너 측면에서 생각하여 단순화 가능 할 것
- 웹 렌더링 엔진 바빌론 5.0 릴리즈
- 퍼포먼스 프로파일러, 제한없는 모프(Morph) 타겟, 독립적인 투명한 객체, WebXR
- GUI 편집기 베타, 새 노드 머터리얼 에디터
- Creative Commons 0 에셋 무료제공, 문서추가
RELEASES
- React Toastify 9.0 릴리즈 - 에드온 추가
- useNotificationCenter 헤드리스 훅, StackedContainer
- toast.onChange변경, toast.confiure 제거