[React] 왜 React를 사용하는가

React를 사용하는 이유

컴포넌트 기반 UI 라이브러리

웹 페이지를 만들다 보면 새로운 페이지를 렌더링하더라도 header, nav 등의 태그를 활용하여 중복된 내용을 보여주는 경우가 있다. 순수하게 HTML, CSS, Javascript만 활용하여 페이지를 제작한다면 주요 내용을 보여주기 위해 중복된 내용은 코드를 복사, 붙여넣기를 반복해야 할 것이다. 주요 내용이 많아진다면 HTML 파일이 무수히 많아질 것이다.

이러한 비생산적인 행위가 발생할 것을 방지하기 위해서 사용성이 높은 코드는 컴포넌트화하여 사용하는 것이 유익하다. 컴포넌트화하여 프론트엔드 프로그래밍을 도와주는 라이브러리가 React이다.

선언형 프로그래밍

React를 알기 전에 Vanilla JS로 웹 페이지에 기능을 부여할 때, 한 줄 한 줄 코드를 다 작성하여 어떤 행위를 할 것인지 컴퓨터에게 전달했었다. 이러한 작성방식을 명령형 프로그래밍이라고 한다. 명령들이 길어지다보면 해당 코드가 어떤 목적을 갖고 있는지 알아차리기 힘들다.

명령형 프로그래밍과 대조되는 작성 방식인 선언형 프로그래밍은 React의 특징이라고 볼 수 있다. 컴포넌트화 되어 있는 코드들은 무엇을 표현하는지 명령형 방식과 다르게 명확히 알 수 있다.

Virtual DOM

React는 가상의 DOM에 선언하여 한 번에 렌더링을 실시한다고 한다. 기존에 브라우저가 렌더링하는 과정보다 더 효율적인 방식이기 때문에 웹 애플리케이션의 성능이 더 개선되는 효과가 나타난다.