React

⚛️ React Server Components (RSC) 보안 issue, 그 본질에 대한 고찰

최근 React 생태계에서 불거진 보안 issue와 관련하여, 언론의 다소 자극적인 headline을 접하셨을 것입니다. 본질을 꿰뚫어보지 않으면 혼란을 야기할 수 있는 이 사안에 대해, 근본적인 관점에서 접근할 필요가 있습니다. [긴급] React·Next.js RSC서

SVG를 React에서 사용하는 다양한 방법: Sprite & SVGR

프론트엔드 개발에서 SVG(Scalable Vector Graphics)는 해상도 독립적인 아이콘이나 그래픽을 표현하는 데 필수적입니다. 하지만 프로젝트 규모가 커지고 아이콘의 수가 늘어날수록, SVG를 효율적으로 관리하고 성능을 최적화하는 것은 중요한 과제가 됩니다. 이 글에서는 React

Trans component(react-i18next)

Before <Typography variant="span" color="grey.500"> {nickname}님, 구매하신 쿠폰은{" "} <Typography component="span" variant="inherit" color="grey.900&

Component Driven 개발 사례

Design system  - 특장점 소개 및 요약   - Component Driven User Interfaces   - figma에 의한 디자인 시스템 구축 사례 및 개념 정의  - references   - Spectrum, Adobe’s design system   - Atlassian Design

Using web workers in CRA

이제 더이상 Create-react-app 에서 웹워커 지원 안해요 라는 말은 없는 것으로. 1. Install CRA $ npx create-react-app hello-worker-with-cra ... $ cd hello-worker-with-cra 2. Install webpack worker plugin with react-app-rewired $ yarn add --dev react-app-rewired worker-plugin ... { ... "scripts&