[React] Compound Component 패턴
·
React/실험실
Compound Component? Compound Components는 그룹 컴포넌트의 동작과 상태를 포함하고 있지만 렌더링 제어를 외부 사용자에게 제공하는 패턴이라고 할 수 있다. 여기서 핵심은 상태와 동작을 포함하고 있다는 것이다. HTML의 select 태그와 option 태그를 생각하면 이해하기 쉬울 것이다. Volvo Mercedes Audi select 태그는 option 태그와 함께 드롭다운 기능을 수행합니다. UI의 상태 관리를 select가 수행하고 option 은 select가 작동하는 방식에 대해서 구성이 됩니다. React의 Compound Component는 Prop Drilling을 방지하는 데 도움이 되는 선언적 UI 구성 요소를 구성하는데 사용된다. 이러한 Compound ..
디자인 패턴
·
개발정보
1. 디자인 패턴? 프로그램이나 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 사용할 수 있게 정리하여 특정한 " 규약 " 을 통해 쓸 수 있는 형태로 만든 것을 말한다. 웹사이트나 어플리케이션을 만든다면 유지보수를 하고, 다른 이들과 협업할때 좀 더 쉽고 깔끔하게 만들 수 있는 방법을 고안해야한다. Data를 만들고 가공하고, 또 보여주는 로직이 분리되어 있지 않고 한번에 정의되어 있다면 추후에 유지보수하기가 힘들 것이다. 이것을 돕기 위해서 디자인 패턴이 나왔다. 즉, "효율적인 코드를 만들기 위한 방법론" 이라고 생각하면 된다. 2. MVC 패턴? MVC는 Model, View, Controller 의 약자이다. 하나의 프로젝트를 구성할 때 구성 요소를 세가지 역할로 구분한 패..