COCO World

[React/리액트] 컴포넌트(Component)에 대하여 본문

Front-End/React

[React/리액트] 컴포넌트(Component)에 대하여

코코월드주인장 2023. 2. 9. 14:35

1. 컴포넌트(Component)

 리액트로 만든 앱을 이루는 최소한의 단위이다.

  • 기존의 웹 프레임워크는 MVC방식으로 분리해 관리하여 각 요소의 의존성이 높아 재활용이 어려웠다
  • 반면 컴포넌트는 MVC의 View를 독립적으로 구성하여 재활용이 가능하다
  • UI를 재사용 가능한 개별 조각으로 나누어, 개별적으로 작성하고, 재사용한다.

2. 컴포넌트 종류

  • 함수형 컴포넌트
  • 클래스형 컴포넌트 - 컴포넌트 구성 요소, 리액트 생명주기를 모두 포함하고 있다

'Front-End > React' 카테고리의 다른 글

[React/리액트] React Hooks - useState / useEffect / useRef / useContext  (0) 2023.02.16
[React/리액트] styled-components와 CSS-in-Js  (0) 2023.02.16
[React/리액트] export 와 export default 비교  (0) 2023.02.09
[React/리액트] 리액트에서 불변성에 대해 이해하기  (0) 2023.02.08
[React/리액트] SPA vs MPA 비교하기 (차이점, 특징)  (0) 2023.02.08
'Front-End/React' Related Articles more