React 등장 배경

초기 웹 사이트

단순히 페이지를 보여주거나, 다른 페이지에로 이동해서 정보를 보는 기능이 전부였기 때문에 비교적 상호 작용이 적었다.

그러다가 유저와의 상호작용이 많아지고 다루어야 할 데이터와 코드가 증가 하면서 "웹 애플리케이션(Web Application)" 개념이 등장하게 되었다.

웹 애플리케이션(Web Application)이란?
사용자가 별도의 응용 소프트웨어(애플리케이션)를 설치하지 않아도 웹 브라우저를 통해 응용 소프트웨어의 기능을 이용할 수 있도록 만든 웹 서비스

웹 안에서 문서 작성, 쇼핑, SNS 등 다양한 기능을 사용할 수 있게 되었다

jQuery 등장

DOM 조작을 쉽게 만들어주는 jQuery라는 자바스크립트 라이브러리가 등장했지만 jQuery도 결국엔 DOM에 쉽게 접근해서 조작을 가능하게 하는 메서드의 모음이기에 화면의 무수한 DOM 요소들에 직접 접근해서 조작하고 관리하기란 쉽지 않았다.

프론트엔드 Framework(프레임워크)와 Library(라이브러리)가 등장

웹 개발이 규모가 커지고 복잡해 짐에 따라 생산성을 향상시키고, 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 프레임워크와 라이브러리가 등장하기 시작했다.

Framework(프레임워크) vs Library(라이브러리)

공통점

복잡한 개발을 편리하게 하기 위해서 미리 작성해서 제공해준다

차이점

Framework(프레임워크)

개발자가 작업을 하기 위한 전체적인 틀(Frame)을 제공한다. 그렇기 때문에 개발자는 틀 안에서 그 방식에 맞춰서 작업을 해야 한다.

Library(라이브러리)

전체적인 틀이 아닌 하나의 기능만을 도구처럼 제공한다. 개발자는 필요한 도구(라이브러리)를 가져와서 사용하기만 하면 된다.

흔히들 프론트엔드에서 작업을 할 때 Angular(앵귤러), Vue(뷰), React(리액트) 이 3가지를 많이 사용한다고 한다.

React(리액트)는 일부 프레임워크적인 특징을 가지고 있긴 하지만 라이브러리이다.

Angular(앵귤러), Vue(뷰)는 프레임워크다.