리액트는 코드의 재활용성이 높다. UI를 재사용 가능한 여러 조각으로 나누는데 이것을 컴포넌트(component) 단위로 나눠서 작업한다고 한다. 즉 내가 원하는 것을 모아서 하나의 태그로 만들어 쓰는 셈이다. 이렇게 컴포넌트를 잘 활용하게 되면 여러 곳을 한 번에 바꿔야 할 때 한 번만 바꾸면 되기 때문에 유지보수에 좋다. 또 component에 props를 사용하면 비슷한 UI를 만들 수 있다. 컴포넌트 안에서 조금씩 달라지는 부분에서 props를 활용하면 리액트 코드 재활용성을 높힐 수 있는데 내용이나 이미지뿐만 아니라, css에서도 조금씩 달라지는 부분에서만 활용할 수 있다. 렌더를 해주는 App.js에서 속성 값을 주고, 각 컴포넌트 안에서는 매개변수로 props를 받으면 된다. 컴포넌트 안에서..