react 공부 day 3(컴포넌트)

박철현·2020년 12월 9일

react

목록 보기
8/10

컴포넌트

리액트를 배우기전에도 컴포넌트라는 단어를 많이 들었다.
완성품을 만드는데 있어서, 하나하나의 조각, 부품 같은 개념으로 알고있다.

책에서는 뭐라고 하는지 보자.

컴포넌트의 개념

컴포넌트의 개념을 정확히 이해하기 위해 기존의 웹 프레임워크가 어떻게 동작하는지 간단히 알아본다.

기존의 웹 프레임워크는 MVC 방식으로 정보, 화면, 구동 코드를 분리하여 관리했다.
정보 담당을 Model, 화면 담당을 View, 구동 담당을 Controller라고 부르는 것에서 MVC라는 용어가 나왔다. 이 방식은 코드 관리를 효율적으로 할 수 있다는 장점이 있으나, MVC 각 요소의 의존성이 높아(하나만 바꾸기가 쉽지가 않다) 재활용은 어려웠다.

하지만 웹 사이트의 화면은 각 요소가 비슷하고 반복적으로 사용한 경우가 많다.
이점을 착안하여 컴포넌트가 등장했다!! ㄷㄷㄷㅈ!

컴포넌트는 MVC의 뷰를 독립적으로 구성하여 재사용도 할 수 있고 컴포넌트를 통해 새로운 컴포넌트를 쉽게 만들 수도 있다.

profile
반갑습니다.

0개의 댓글