⚛️ React Server Components (RSC) 보안 issue, 그 본질에 대한 고찰
최근 React 생태계에서 불거진 보안 issue와 관련하여, 언론의 다소 자극적인 headline을 접하셨을 것입니다. 본질을 꿰뚫어보지 않으면 혼란을 야기할 수 있는 이 사안에 대해, 근본적인 관점에서 접근할 필요가 있습니다.
[긴급] React·Next.js RSC서
React
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&