컴포넌트란?

하나의 기능을 담당하는 코드 조각

특징

1. HTML, Style, JavaScript, Event, State를 가질 수 있다.
2. 트리 구조로 이뤄져있다. => 컴포넌트끼리 데이터와 메시지를 주고 받을 수 있다. (데이터는 상위에서 하위로만 전달된다. == 단방향)
3. 컴포넌트 = 함수
   

재사용 가능한 컴포넌트 만들기

1. UI를 추상적으로 바라보기 (공통점 찾기)

2. 컴포넌트 분류하기

- 도메인으로 분류하기
ex) User, Product...

- 역할로 분류하기
ex) Header, Nav, List, Tag...

- 크기로 분류하기
ex) Organism, Molecule, Atom...
참고 사이트 - [링크텍스트](https://kciter.so/posts/effective-atomic-design)