반응형
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 | 29 | 30 | 31 |
Tags
- 회고
- 뇌를자극하는C#
- 2024 계획
- vite
- component
- design
- c#
- design token
- nextjs
- frontend
- compound component
- typescript
- css framework
- 2020년
- style-dictionary
- 개발자
- npm
- 2023 회고
- 2021년
- front
- 23년 회고
- 디자인 토큰
- 24년 계획
- react
- javascript
- 라이브러리제작
- 다짐
- 프로그래밍
- 디자인시스템
- design-system
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