0. React에 대해서

React란?

• 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리이다.
• 화면을 만들기 위한 기능에 대한 라이브러리이다.

 

React를 사용해야 하는 이유

1. 빠른 업데이트와 렌더링 속도

• 페이지가 넘어갈 때 데이터를 불러오는 속도를 위해 React는 virtual DOM이라는 것을 사용한다.

virtual DOM(Document Object Model)이란?

• 웹페이지를 정의하는 하나의 가상 객체를 의미한다.

virtual DOM의 장점

• 기존의 방식을 사용하여 업데이트를 할 경우 DOM을 직접 수정하여 성능에 영향을 미치며 비용 또한 많이 든다.
• 반면 React는 DOM을 직접 수정하는 것이 아닌 업데이트할 내용을 찾아 최소한의 데이터만 바꿔준다.

 

2. 컴포넌트 구조

컴포넌트는 구성요소라는 장점을 가지고 있는데 리액트는 모든 페이지가 컴포넌트로 구성되어 있다는 장점을 가지고 있다

컴포넌트 구조가 가지는 장점

재사용성

• 다시 사용이 가능한 성질을 가진다. 이는 다른 모듈에도 적용이 가능하기 때문에 한번 잘 만들어 논다면  비슷한 기능을 가진 프로그램을 만들 때 시간을 절약할 수 있다는 것을 의미한다.
•  유지보수가 용이하여 보다 쉽게 관리가 가능하며 예외가 발생할 경우 쉽게 버그를 발견할 수 있다.