📍React의 등장 배경
- 웹 브라우저를 통해 응용 소프트웨어의 기능을 이용할 수 있도록 만든 웹 어플리케이션이 다양해지면서 웹 개발의 복잡성이 증가했다. 기존의 html, css, js만으로는 한계를 느끼게 된다.
*웹 개발의 복잡성의 증가는 사용자들이 원하는 기능들이 점점 많아지고 개발자들이 처리해야 하는 유저의 interaction이 늘어남을 뜻한다.
- 따라서 프론트엔드 개발을 좀 더 쉽게 할 수 있는 프레임워크와 라이브러리가 필요해졌고 그 결과 앵귤러, 뷰, 리액트가 등장했다.
📍React의 특징
React는 메타(구 페북)에서 개발하고 관리하는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리이다. 리액트를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트해준다는 점이다. 따라서 데이터 기반의 선언적 개발이 가능해지며, 자동으로 UI를 업데이트하는 과정에서 Virtual DOM(가상 돔)을 통해 최적화된 업데이트를 할 수 있다. 컴포넌트 기반의 개발을 통해 복잡한 UI를 효과적으로 구성할 수 있으며 JSX 문법으로 컴포넌트를 편리하게 작성할 수 있다.
- 선언적 : 화면에 그려지는 View에만 초점을 두고 우리가 원하는 모습을 선언해서 리액트에게 전달해주면, “어떻게" 하는지에 대한 중간과정은 리액트가 알아서 처리해 준다.
- Virtual DOM : view에 변화가 있다면 그 변화가 실제 DOM에 적용되기 전에 가상 DOM에 먼저 적용시키고, 그 최종적인 결과를 실제 DOM으로 전달한다. 따라서 웹 브라우저 내에서 발생하는 연산의 양을 줄이면서 성능 저하를 개선할 수 있다.
- 편의성 : 컴포넌트 기반의 개발을 통해 복잡한 UI를 효과적으로 구성할 수 있으며 자바스크립트의 문법을 그대로 활용한 JSX(JavaScript Syntax extension) 문법으로 편리하게 작성할 수 있다.
*앵귤러와 뷰는 자신들만의 문법을 갖고 있음. 자바스크립트에 익숙하다면 보다 쉽게 리액트 사용이 가능하다🙂
🧘🏼♀️