사전 지식

리액트는 사용자 인터페이스를 만들기 위한 JS 라이브러리이다.
리액트가 라이브러리인 이유는 전적으로 UI 를 렌더링 하는데 관여하기 때문이다.
리액트는 view 만 관리하기 때문에 라우팅(페이지 이동), 상태관리, 테스트 등은
다른 라이브러리를 이용해야 한다.

컴포넌트 - 특정 부분이 어떻게 생길지 정하는 선언체
렌더링 - 사용자 화면에 뷰를 보여 주는 것

하나의 페이지를 리액트로 만든다고 보면 위에 그림처럼 여러개의 컴포넌트가 모여서 하나의 페이지를 구성합니다.
여러명이 각자 Component 를 수정할 수도 있고 재사용도 가능하다.