SVG를 React에서 사용하는 다양한 방법: Sprite & SVGR
프론트엔드 개발에서 SVG(Scalable Vector Graphics)는 해상도 독립적인 아이콘이나 그래픽을 표현하는 데 필수적입니다. 하지만 프로젝트 규모가 커지고 아이콘의 수가 늘어날수록, SVG를 효율적으로 관리하고 성능을 최적화하는 것은 중요한 과제가 됩니다. 이 글에서는 React
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&
Quick Praise 리뉴얼
docker - mariadb - express - react
나름 트렌디하게 기술 스택 구성해서 약 한 달 작업
Quick Praise 2020찬양 가사를 빨리 찾아요.양태규 Yang Taegyu
드디어 완성~