[React] Composition vs Inheritance

이 글은 인프런 강의 소플의 처음 만난 리액트(React) 강의를 보고 정리했습니다.
https://www.inflearn.com/course/%EC%B2%98%EC%9D%8C-%EB%A7%8C%EB%82%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8

Compositon

: 여러개의 컴포넌트를 합쳐서 새로운 컴포넌트를 만드는 것
: 합성, 조합

→ 여러개의 컴포넌트들을 어떻게 조합할 것인가? ⇒ 리액트의 컴포넌트 합성 방법 두 가지

1. containment : 담다/포함하다.
   : 하위 컴포넌트를 포함하는 형태의 합성방법
   : sidebar나 dialog같은 box형태의 컴포넌트는 자신의 하위 컴포넌트를 미리 알 수 없다.
   → children 속성 사용
   
   

1. Specilaization
   : 특수화, 전문화
   : 범용적인 개념을 구별이 되게 구체화하는 것
   : 기존의 객체지향 언어에서는 상속을 사용해서 했지만, 리액트는 합성을 사용하여 Specilaization 을 사용한다.

2. Containment와 Specilaization 같이 사용하기
   

Inheritance

: 상속

: 부모클래스를 자식이 물려받는다.
: 다른 컴포넌트로부터 상속 받아서 새로운 컴포넌트를 만드는 것

: 복잡한 컴포넌트를 쪼개 여러개의 컴포넌트로 만들고

만든 컴포넌트를 조합해 새로운 컴포넌트를 만들자.