리액트 컴포넌트란 무엇인가 ?

리액트는 여러 컴포넌트를 이용해서 웹 앱을 개발하게 된다.

 

그러면 컴포넌트는 무엇일까?

 

 

리액트로 만들어진 앱을 이루는 최소한의 단위

 

 

 

 

리액트는 여러 컴포넌트 조각으로 되어있다.

 

만약 하나의 페이지를 리액트로 만든다고 보면 아래 그림처럼 여러개의 컴포넌트가 모여서 하나의 페이지를 이루게 된다.

 

 

이 인스타그램 페이지를 보면 여러 개의 컴포넌트로 이루어져 있다.

검색,프로필,스토리,포스트 컴포넌트 등으로 구성되어 있는데

이렇게 컴포넌트가 여러 개로 나누어져 있기 때문에 하나의 컴포넌트를 여러 곳에서 사용할 수 있다.

또한 여러 명이 각자 맡은 컴포넌트를 동시에 수정할 수도 있다.

 

 

리액트 컴포넌트는 두가지가 있다.

 

원래 리액트로 개발할 때는 클래스 컴포넌트를 이용해서 많이 개발을 했지만 리액트에서 리액트 Hooks 라는 것을 발표한 이후부터는 함수형 컴포넌트를 이용해서 개발을 많이한다.