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 |
Tags
- props
- 이미지로딩실패
- RCC
- RSC
- WIL
- react
- prop 'className' did not match
- State
- 설치 및 구조파악
- 2번째
- thunk정리
- Promise
- useState
- 두번째포스팅
- 프로젝트회고
- nextjs13
- til
- css-in-js 버그
- getElements
- 함수형업데이트
- redux
- 오랜만의회고
- 트러블슈팅
- styled-component
- react-naver-map
- UI컴포넌트설계 고민
- 컴파운드패턴 연습
- 언어학습2일차
- 유사이터럴객체의차이
- 항해99
Archives
- Today
- Total
목록컴파운드패턴 연습 (1)
코딩을 박터지게 죽을때까지
Compound pattern 연습함
리액트 패턴중에 하나인 컴파운드 패턴을 연습했다. 최대한 컴파운드를 기능단위로 쪼개서 칠드런으로 컴파운드를 계속 뱉어 들어간다 이렇게하면 코드 재사용이 매우 편해진다는 장점이 있다 애지간하면 props를 자제하는게 좋은데, 분기가 단순한 경우에는 프롭스 한둘 정도는 넣어도 괜찮다 싶다. 컴파운드 컴포넌트 패턴을 사용하면 복잡한 컴포넌트를 유연하게 사용할 수 있다는 장점이 있다. 해당 패턴이 들어가는 컴파운드 부분에서 전체적인 구조를 한눈에 알아볼 수 있고, 스타일 지정하고 디자인을 변경하는게 아주 용이하다. 협업시 다른 개발자가 볼 경우 한번에 뭐가 뭔지 알아볼수 있게 하는게 중요하니까 네이밍이 중요할텐데 일단 연습이라서 조금 그냥 내마음대로 지어봤다. Submit id 생성이 귀찮아서 uuid를 좀 알..
React
2023. 3. 9. 21:48