RSC의 보안, 난 다르게 본다.

RSC의 보안, 난 다르게 본다.

Next.js에서 middleware bypass 취약점이 발생했었습니다. 물론 패치가 이루어졌지만, RSC와 App router에서의 보안이 다르다는 점이 다시 재조명되었습니다. 또한 이전에 소개했듯이, authorization을 middleware에 넣는 것이 좋지 않다는 것 또한 다시 생각해볼만 합니다. App Router가 아직까지는 일부가 불안정하기에 다른 기술 선택 또한 고려해볼만 합니다.

바이 바이, Turbofan.

V8 컴파일러가 어떻게 발전되었는지, 그 중에서 Sea of Nodes 아키텍쳐를 사용하여 만든 Turbofan이 Control-Flow Graph 기반인 TurboShaft로 바꾸고 있다는 소식입니다. SoN(Sea of Nodes)과 CFG(Control-Flow Graph)를 몰라도 친절하게 설명해주기에 V8의 깊은 이해를 원하신다면 보기를 추천드립니다. TurboShaft 전에 먼저 적용된 Meglev에 대한 소식은 JIT가 더 빠르게 되었습니다와 Sparkplug에 대한 설명 글을 참조해주세요 😊

데이터 undo를 간단하게 구현하기

undo/redo 기능을 만드려면 보통 작업을 나열해놓은 array의 index를 포인터로 사용하는 형태로 구현하게 됩니다. 이 때 index의 포인터가 undefined를 참조하는 것을 방지하기 위해 두 개의 array를 사용하는 방식으로 구현하는 방법을 제시합니다.

오픈소스를 만들면서 배운 점들

이전에 소개했던 React Query, 정말 만능인가?에 이어서 오픈소스를 개발하면서 배운 점들을 소개하는 발표영상입니다. @tanstack/query의 철학과 디자인을 지키면서 사용자의 요구에 대응하는 법에 어떻게 생각하는지가 잘 담겨있어 @tanstack/query에 지식이 깊지 않아도 보기 좋습니다.

Polyfill을 언제 사용해야 할까

모던 브라우저 환경에서 polyfill은 무엇이고, 언제 적용해야 하는지, 어떻게 대해야 할지에 대해 관점을 제시해주는 글입니다. 모던 브라우저들(아직까지는 PC만..)이 Baseline을 출범하고 공통되는 구현체가 많아지면서 polyfill에 대한 관점 또한 baseline과 RUM 데이터로 맞춰서 지원하는 것이 좋아보입니다.

Vue의 현재

Vue.js팀이 어느 기능에 집중하고 있고, 개발자들은 어떤 장단점을 느꼈고, 실제 적용사례는 어떠한지 보여주는 Vue.js 리포트입니다.

Firebase Dynamic Link 지원 중지

Firebase Dynamic Link가 지원 중단 공지가 있었습니다. 이 글에서는 Firebase에서 제공하는 여러 기능(특히 지연된 딥링크, deffered deep link)가 필요 없다면 백엔드에서 딥링크를 제공하는 방식으로 RN에서의 Firebase Dynamic Link를 대체할 수 있다고 알려줍니다.

border-image로 background-image 대체하기

border-image를 사용해서 height가 고정되지 않은 내용을 이미지와 함께 대응할 수 있도록 안내해주는 글입니다.

새로운 친구들

여러가지 프레임워크에서 폼을 다루는 유틸리티를 제공하는 @tanstack/form의 버전 1이 공개되었습니다.

이전에 소개했던 Lynx가 어떤 곳에 집중할 것인지 적어놓은 로드맵입니다.

타입스크립트의 타입 시스템을 활용해서 일본어를 표현하는 시도를 해본 재밌는 레포지토리입니다.

RSC 지원, Tanstack Query 지원이 눈에 띄는 tRPC 릴리즈 소식입니다.

최신 크롬에서 CSS 기능을 통해 Carousel을 만들 수 있다고 하는 흥미로운 글입니다.

최신 크롬에서 <select>요소의 여러 부분을 수정할 수 있다고 합니다.