분리하기: 캡슐화

isolation & encapsulation을 통해 모든 JSX를 분리된 컴포넌트로 만들었다.
예컨데 같이 고립시켜서(isolated) 분리된(seperated) 컴포넌트를 만들었다.

앞으로 리액트로 어플리케이션을 만들어가면서, 이런 식으로 컴포넌트로 만들 수 있다는 것을 계속해서 배우게 될 것이다. 어떤 것이 컴포넌트가 되어야 하는지(header/fotter/notification bar가 컴포넌트가 되어야 하는지) 등을 알게 될 것이다.

심지어 자식 컴포넌트가 부모 컴포넌트 보다 훨씬 큰 로직을 가지고 있을지라도 다른 자식 컴포넌트를 Rendering하는 큰 부모 컴포넌트가 있을 수 있다. 이것이 바로 캡슐화(encapsulation) 이다.