Design Patterns (1) 썸네일형 리스트형 Vue3 컴포넌트 디자인 패턴 소개 vue mastery의 컴포넌트 디자인 패턴(component-design-patterns) 강의를 학습하고 정리한 내용입니다. 디자인 패턴에 관하여 어제 한 후배한테 실무에서 디자인 패턴을 사용하냐는 질문을 들었는데, 리액트로 UI 개발하면서 컴파운트 컴포넌트 패턴은 꽤 많이 사용하였고, Vue3로 디자인 시스템을 개발하는 지금도 headlessUI(https://headlessui.com/vue/tabs)의 패턴을 꽤 많이 참고한다. 해당 링크의 탭만 하더라도 컴파운드 컴포넌트 패턴과 렌더리스 컴포넌트 패턴을 발견할 수 있다. 디자인 패턴은 왜 필요한가? 결국 아키텍처와 클린 코드란 것은 서로 독립적인 작은 단위로 기능들을 나누어 잘 합성할 수 있도록 해주는 것이다. 잘게 나누어진 기능들을 합하여 독.. 이전 1 다음