SVG를 React에서 사용하는 다양한 방법: Sprite & SVGR
프론트엔드 개발에서 SVG(Scalable Vector Graphics)는 해상도 독립적인 아이콘이나 그래픽을 표현하는 데 필수적입니다. 하지만 프로젝트 규모가 커지고 아이콘의 수가 늘어날수록, SVG를 효율적으로 관리하고 성능을 최적화하는 것은 중요한 과제가 됩니다. 이 글에서는 React
Typescript
npm/yarn classic으로 된 기존 프로젝트에 yarn berry 적용기
사전 준비
InstallationYarn’s in-depth installation guide.Package Manager
$ corepack enable
$ yarn --version
1.22.19
$ yarn set version berry
...
$ yarn --version
3.2.4
visual studio code 기준
code completion/hinting 을
Lerna typescript 구성
Lerna는 node package로 웹 컴포넌트(모듈) 개발할 때 꼭 필요한 고마운 도구라고 생각.
Lerna는 구성이 간편하지만, 이해하지 않으면 헷갈리거나 오작동을 겪기 쉬움.
사전 설정
1. node 14 및 yarn 설치 (yarn workspaces 활용)