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
- designpatterns
- javascript
- RTK
- 오블완
- frontend
- React
- storybook
- golang
- 웹애플리케이션서버
- tanstackquery
- Spring
- hook
- ReactHooks
- typescript
- satisfiles
- test
- Redux
- JPA
- css
- springboot
- 티스토리챌린지
- react-hook-form
- component
- java
- go
- backend
- Chakra
- Gin
- JavaSpring
Archives
- Today
- Total
목록atomic (1)
bkdragon's log
CSS 프레임워크로 atomic design pattern 적용하기
팀프로젝트에서 atomic design pattern을 적용해 진행하고 있다. CSS 프레임워크를 사용하여 atomic design pattern을 적용한 경험을 공유하려고 한다. css 프레임워크는 Chakra ui를 사용했다. https://chakra-ui.com/ CRA로 앱을 설치할 때 Charka ui도 함께 설치할 수 있다. npx create-react-app my-app --template @chakra-ui/typescript atomic pattern atomic pattern은 화학적 관점에서 영감을 얻은 디자인 시스템이다. 출처 : https://atomicdesign.bradfrost.com/chapter-2/#the-part-and-the-whole 각 단계를 간략하게 설명하면..
concept
2023. 9. 2. 23:32