cochoio / keobee-ui Goto Github PK
View Code? Open in Web Editor NEWkeobee-ui component
Home Page: https://keobee-ui.netlify.app
License: MIT License
keobee-ui component
Home Page: https://keobee-ui.netlify.app
License: MIT License
Input 의 좌측, 우측에 addon 형태로, 아이콘 또는, 버튼이 들어가야함.
참조
https://getbootstrap.com/docs/5.0/forms/input-group/#wrapping
check list
window CRLF -> LF line-braking 포맷
lint 버그 픽스
keobee-ui 를 개발하면서, 드는 생각은 컴포넌트 structure 가 좀 불분명하고, 재사용하기 어렵다는 생각이 들었습니다.
버튼 button
컴포넌트로 예를들어 보겠습니다.
이 모양을 가정 했을 때, 만약 loading
이라는 prop 을 가진 button
컴포넌트는,
아니면,
Button
자체의 본연의 속성에 의한 Atomic
컴포넌트 입니까?만약 전자라면, Atomic 버튼을 만들고, loading props 를 핸들링 할 수 있는 LoadingButton
컴포넌트가 필요 할 것 같습니다.
코드관점으로 바라보고 설계를 하다보니, 컴포넌트 자체가 코드로 분할 할 수 없는 것
이라는 이상한 상상(?) 을 했었던 것 같습니다.
Atomic design 은 개념론 적이며, 코드 중심이 아닌, 디자인 중심이라는 것을 알게 되었습니다.
따라서, 앞으로는 코드 중심의 패턴이 아닌, 디자인 중심의 패턴
으로 생각하겠습니다.
프로젝트 구조는 PR 이 머지 되는대로 수정하겠습니다.
고민중..
Changing the default font from '"Nanum Gothic" to "Noto Sans Light" is required
페이지 좌측, 혹인 우측에 위치 시킬 수 있는, layout 형태의 컴포넌트.
collapse
props 를 받아, 접기/펼치리를 할 수 있다.production 환경에서는, dependancy 가 필요없으므로, 이동해야합니다.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.