컴포넌트 탐구

컴포넌트화가 얼마나 중요하냐하면.

그 전에 컴포넌트와 모듈의 차이점에 대해 잠깐 얘기해보겠따

 

1. component

- 화면을 구성하는 뷰를 생성하고 - 관리하는 역할

- 독립적으로 설계할 것

- 재사용(조립) 가능한 단위

!! 여기서 핵심은 재사용이다. 예를들어 레고로 만든 작품이 있을때. 블럭 하나하나가 컴포넌트

   레고를 잘 보면 문 블럭, 벽돌 블럭 등. 다양한 벽돌이 존재하는데. 각각의 역할이 있고 -

   또 적절한 상황(집을 만들때 문 블럭 사용)에 맞춰 끼워넣을 수 있다.

 

2. module

- 컴포넌트의 상위 개념

- 모든 구성요소 (component, pipe, series, directive 등) 을 포함한다.

- 여러 모듈을 조합할 수 있다. (예를들면 app.module 에, 사용하고자 하는 구성요로를 import 하는것을 의미한다고 생각함)

 

 

위에서 레고를 예시로 들었는데. 왜 컴포넌트화 하는게 중요하냐면.

시야를 조금 넓혀서, 예를 들어 쇼핑몰 페이지를 개발한다고 생각해보자.

옷을 설명하는 화면, 구매 창 등. 계속해서 재사용 해야 할 요소들이 분명 ! 있을것이다. 비록 예시가 별로일지라도 ㅠ

그럴때 바로 가져와서 적용 했을때. 사용할 수 있게끔 만들기 위해서이다.

객체지향이랑 비슷한 느낌인데. 아직은 어떻게 가공해야할지 감이 안오지만. 하도록 연습해보자.