리액트 [기초] 리액트와 컴포넌트의 개념

리액트의 개념

• 페이스북에서 제공하는 자바스크립트 UI 라이브러리로 사용자 인터페이스를 만드는 데 사용된다
• 프레임워크가 아닌 오직 view 만 담당하는 라이브러리 이므로 기타 기능은 직접 구현해서 사용해야 한다
• 컴포넌트 기반이다
• Virtual DOM 방식을 사용하여 DOM 업데이트를 추상화 함으로써 DOM처리 횟수를  최소화하고 효율적으로 진행한다 
• 다른 웹 프레임워크나 라이브러리와 혼용할 수도 있다

---

컴포넌트(component)의 개념

• 앱을 이루는 최소한의 단위이다.
• 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체를 말한다 
  • • 컴포넌트를 view로 보여주는 것을  렌더링이라 하며 컴포넌트를 실제 페이지에서 렌더링 할 때는 분리된 두 가지 절차를 따른다
      1. 먼저 문자열 형태의 HTML 코드를 생성한 후 
      2. 특정 DOM에 해당 내용을 주입하면 이벤트가 적용된다
• 재사용이 가능한 API로 수많은 기능들을 내장하고 있으며 컴포넌트 하나에 해당 컴포넌트 생김새와 작동방식을 정의한다
• 컴포넌트 내부에는 또 다른 컴포넌트가 들어갈 수 있다
• head , body, footer 모두 컴포넌트 조각이며 재사용이 가능하고 이 조각들이 모이면 하나의 홈 화면이 만들어진다