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
- JavaSpring
- react-hook-form
- go
- tanstackquery
- golang
- test
- Spring
- 티스토리챌린지
- frontend
- JPA
- javascript
- RTK
- java
- hook
- Gin
- storybook
- designpatterns
- ReactHooks
- Redux
- 오블완
- css
- satisfiles
- springboot
- 웹애플리케이션서버
- Chakra
- React
- backend
- typescript
- component
Archives
- Today
- Total
목록2024/10/31 (1)
bkdragon's log
합성 컴포넌트 패턴과 React Children API 를 활용한 컴포넌트 설계
Compound Components 패턴이란? (합성 컴포넌트)여러 컴포넌트를 논리적으로 그룹화하여 관련 컴포넌트들을 함께 사용하는 패턴HTML의 와 관계와 유사React Children API란?React Children API는 컴포넌트의 자식 요소들을 다루기 위한 유틸리티 메서드들의 집합이다.주요 메서드React.Children.map각 자식 요소에 대해 함수를 실행하고 새로운 배열을 반환한다.null이나 undefined는 무시된다.React.Children.forEachmap과 비슷하지만 새로운 배열을 반환하지 않는다.각 자식에 대해 함수 실행만 한다.React.Children.count자식 컴포넌트의 총 개수를 반환한다.null과 undefined도 포함해서 계산한다.React.Childre..
React
2024. 10. 31. 23:09