React 메타프레임워크는 왜 불편하게 느껴질까
2025. 6. 4.
Beyond the Article: 한 걸음 더
React 메타프레임워크는 왜 불편하게 느껴질까
RedwoodSDK is a React framework for CloudflareYour React Meta-Framework Feels Broken, Here's Why | RedwoodSDK 🔗RedWood SDK팀이 웹 표준 위에 플랫폼을 만드는 것이 아닌, 웹 표준과 블랙박스를 치우기 위해 노력했다는 글입니다. 이 글은 Monkey Patch를 하지 마세요와 비슷한 결의 글입니다. 이 글에서 말하는 것과 다른 점은 그보다 앞선 글(추상화는 적절하게)에서도 말했듯이, 추상화가 좋을 때도 있습니다. React를 사용하는 것부터 추상화된 라이브러리 위에서 동작하는 것이니까요. 하지만 React를 사용하는 프레임워크를 사용할 때, React Router에서의 data 모드나 소개한 RedwoodSDK 같이, 블랙박스를 치우느냐, 혹은 Next.js같이 블랙박스에서 움직이지만, 추상화가 되어있는 것을 선택하느냐는, 상황에 따라 갈릴 것 같네요.
Framework의 세가지 렌더링 접근 방식
The 3 Ways JavaScript Frameworks Render the DOM - YouTube 🔗JS 프레임워크가 다루는 세가지 렌더링 방식을 모두 설명하는 영상입니다. Angular(Angular 16)와 Svelte(Svelte 5)가 렌더링 접근 방식을 변경하고 있고(Vue도 Vapor모드라는 것으로 테스트 중에 있습니다), React와 Vue가 Reactivity(Fiber Node in React vs Proxy in Vue)와 Virtual DOM을 대하는 방식(Vue의 Rendering 방식 문서를 참고하세요)또한 다르다는 것은 추가로 알아두시면 좋습니다.
인스타그램 팀의… RSC 프리뷰 구현(2019)?
Making Instagram.com faster: Part 2 | by Glenn Conner | Instagram Engineering 🔗인스타그램의 progressive HTML로 데이터를 가져오는 것을 빠르게 했다는 간단한 글이지만, 이 방식이 RSC와 Streaming SSR의 구현으로 이어진 것을 생각하면, 간단하게 살펴볼만합니다.
Oauth 2.1이 나오면 Oauth2.0을 갈아엎어야 하나요
OAuth 2.1: What’s new, what’s gone, and how to migrate securely — WorkOS 🔗Oauth 2.1이라고 칭하는 사양은 2에서 완전히 바뀌는 것이 아니라, 2.0에서 필요한 보안 권고사항을 정리하고 통합한 사양입니다. 중요한 PKCE, DPoP,… 여러가지 best practice를 기본으로 하기에, Oauth 2.0을 사용중이라면, best practice가 무엇인지 살펴볼 필요가 있을 것같습니다. 보안을 더 강화하는 DPoP 사양와 Step-up 인증 챌린지 프로토콜에 대해 더 살펴보실 분은 auth0의 소개 글을 참고하세요. 혹은 OWASP의 Oauth2 인증 cheatsheet 글을 참고하세요.
Straight to the Article: 빛나는 인사이트
AI는 SEO를 바꿀 것이다
Top ways to ensure your content performs well in Google's AI experiences on Search | Google Search Central Blog | Google for Developers 🔗구글에 제시하는 AI 환경에서 콘텐츠 실적을 높이는 주요 방법을 알아보는 글입니다. 추가로 알아보려면, AI는 SEO를 바꿀 것이라는 글에서 AI Mode의 작동 방식을 기반으로 설명하는 것을 추가로 알아보세요. 구글의 AI Mode가 사용자의 많은 맥락을 기반으로 벡터 임베딩을 하고 추론을 하기에 기존 SEO와 달라질 수 있다는 것을 길게 설명합니다.
어플리케이션이 Request했는지 검증하지 말 것
Do NOT Assert on Requests (Do This Instead) | Epic Web Dev 🔗MSW의 메인테이너가 Request를 실행했는지 검증하지 말고, 정말 원하는 것(여기서는 장바구니에 물건이 추가되었는지)를 검증하라는 취지의 글입니다.
CAPTCHA는 이제 없어져도 된다.
CAPTCHAs are over (in ticketing) - pretix – behind the scenes - Behind the scenes of pretix, your friendly open source ticketing system from next door. Might contain traces of technology and business. 🔗CAPTCHA가 접근성을 지켜야하기 때문에, CAPTCHA의 봇을 막으려는 여러 시도가 실패했다는 씁쓸한 글입니다.
Hold to Delete 애니메이션 구현하기
Building a Hold to Delete Component 🔗react-error-boundary 입문하기
Why React Error Boundaries Aren't Just Try/Catch for Components | Epic React by Kent C. Dodds 🔗GSAP과 clip-path로 Grid패턴 위에 프리뷰 만들기
Animated Product Grid Preview with GSAP & Clip-Path | Codrops 🔗Favicon을 svg로 dark mode 대응하기
SVG Favicons in Action | CSS-Tricks 🔗Fresh Finds: 놓치지 말아야 할 소식
Wake up, Remix! | Remix 🔗Remix v3가 react 의존성을 떼고 여러 번들러/런타임/라이브러리와 함께 돌아갈 수 있도록 변경될 것이라는 흥미로운 소식입니다.
The Beauty of TanStack Router | TkDodo's blog 🔗Tanstack Router v1가 되면서 Tanstack Router가 가지는 큰 장점이 무엇인지, 무엇을 지향하고 있는지를 보여주는 글입니다.
Rolldown Integration | Vite 🔗Rolldown이 생기면서 Vite에서 ESBuild + Rollup을 사용하는 대신에 Rolldown + oxc를 사용할 수 있는 rolldown-vite를 소개하는 공식문서가 생겼습니다.
Storybook 9버전이 출시되었습니다. 이전 베타버전에서 공지했듯이, 패키지 사이즈 50%감소와 함께 여러 기능을 추가했습니다.
Switching from tsup to tsdown | Alan Norbauer 🔗ESBuild 기반으로 만든 tsup과 비슷하게, rolldown 기반으로 tsdown이 만들어졌습니다. 이 글은 tsup에서 tsdown으로 변경하는 경험을 바탕으로 tsup과 tsdown이 어떻게 달랐는지, 마이그레이션 과정과 함께 간단하게 소개하고 있습니다.
LiveStore: Local-first data layer for high-performance apps 🔗이전에 소개했던, Sync Engine중의 하나로 나온 livestore입니다.