React란?

React가 뭔가요?

사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

(SPA 라이브러리)

*프레임워크 : 개발을 위한 기본 틀, 뼈대

*라이브러리 : 개발에 필요한 도구 또는 그 집합

=> 리엑트는 프레임워크가 아니라 라이브러리이다.

리액트는 그 모습이 프레임워크처럼 생겼지만 프레임워크로 갖춰야 할 기본적인 요소들을 모두 포함하고 있지는 않다.

React를 배워야 하는 이유.

1. 트렌드다

- 많이 쓰이고 있고 수요가 많다.

- 생태계가 넓다

2. 편하다.

- SPA

- 화면을 여러 단위로 쪼개고, 재사용하는 식으로 코드 관리가 용이함

- 유용한 라이브러리들이 많다.

리액트는 크게 두 가지 특징을 가지고 있다.

1. 컴포넌트 기반 설계

2. Virtual DOM (가상돔)

컴포넌트 기반 설계

스스로 상태를 관리하는 캡슐화된 코드 조각

- 의미단위로 컴포넌트 구성

- 재사용성과 유지보수성 증가

- 부모, 자식 관계를 가짐

최상위 컴포넌트가 안에 헤더, 베너, RecentLectureSection 컴포넌트를 자식으로 포함하는 형태이다.

Virtual DOM (가상돔)

실제 DOM의 복사본으로 SPA에서의 동적인 변화를 효율적으로 관리하기 위해 사용됨