[React] 컴포넌트란?

리액트에서 컴포넌트가 왜 중요할까?

리액트에서는 모든 사용자 인터페이스는 컴포넌트로 구성되어 있기 때문이다.

 

어떤게 컴포너트가 될 수 있을까?

사용자 인터페이스에 있는 재사용 가능한 구성 요소

컴포넌트란 HTML + CSS + Javscript가 조합된 것

 

 

왜 컴포넌트일까

구성요소를 분산시킬 수 있다 > 코드 베이스르 작고 관리하기 좋게 유지할 수 있다

- 하나의 컴포넌트에는 분명한 주제, 초점이 있다 > 컴포넌트가 집중적으로 다루는 구체적인 작업이 있게 됨

 

재사용 가능하다 > 반복을 피할 수 있다

 

 

리액트는 컴포넌트가 전부다, 조합하기 위한 컴포넌트를 만드는 게 전부이다!
>> 리액트를 활용해 재사용 가능하고 반응형 컴포넌트를 만들 수 있다

 

 

컴포넌트를 만들기 위해 리액트는 '선언형 접근법'을 사용한다

- 리액트를 사용할 때 원하는 최종 상태를 정의하게 됨

- 목표 상태, 다양한 조건에 따른 다양한 목표가 될 수 있음

- 최종 상태만 정의하고 어떤 조건에서 어떤 상태를 사용해야 하는지만 정의한다. > 리액트가 나머지 일을 모두 처리함