반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 2024 계획
- frontend
- vite
- design token
- design-system
- 개발자
- 디자인시스템
- npm
- javascript
- 회고
- 다짐
- 2021년
- css framework
- 뇌를자극하는C#
- 프로그래밍
- typescript
- c#
- 2020년
- component
- nextjs
- design
- compound component
- 디자인 토큰
- react
- front
- 24년 계획
- 2023 회고
- 라이브러리제작
- style-dictionary
- mono-repo
Archives
- Today
- Total
목록라이브러리제작 (1)
개탕 IT FACTORY
디자인시스템(4).시스템 구축(라이브러리 제작) vite편
디자인시스템 구축전 글에서 compound component와 Polymorphic component에 대해서 다뤄봤고,추가적으로 디자인 토큰이 어떤 것인지에 대해서도 알아보았다. 이번에는 디자인시스템 라이브러리 구축을 위한 과정을 한번 다뤄볼까한다. 디자인 시스템 구축 과정사실 Rollup으로 구축할려고했으나 vite의 강세와 더불어 내부로직으로 Rollup 설정이 가능한 vite로 빠르게 구축후 Rollup으로 포팅하는 과정을 할려고한다.고려사항최소한의 번들 사이즈를 유지하게 만든다 (tree shacking 기능이 있는걸 사용한다)storybook을 적극활용하여 컴포넌트를 관리한다Typescript기반으로 개발한다React 개발환경에 맞춰 개발한다 (다른 것들은 추후고려대상)개발 구축빠른 개발환경 ..
Front-end
2024. 9. 4. 23:28