🎈 React에 대해 알아보자
1. React란 무엇일까?
사용자 인터페이스를 만들기 위한 JavaScript 라이브러리로
컴포넌트(component)를 이용해 복잡한 UI를 구성하도록 돕는다.
2. 왜 React를 사용할까?
React와 같은 프론트엔드 Library 혹은 Framework를 사용하는 가장 큰 이유 중 하나는 UI를 자동으로 업데이트 해주는 점이다.
React는 가상돔(Virtual DOM) 을 통해 UI를 빠르게 바꿔준다.❔ 가상돔
이전 UI 상태를 메모리에 유지해서, 변경될 UI의 최소 집합을 계산하는 기술
현재 웹의 규모가 커지고, 다양한 UI, UX를 구현하기 위해서는 이전의 방법(DOM, JQuery)으로 개발하고, 코드를 유지보수 하는 것이 어려워졌다.
엄청나게 많은 DOM 요소들에 직접 접근해서 조작하고 관리하기가 쉽지않기 때문이다.
이러한 이유로, 규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하기 위해 다양한 Frontend Framework(Library)가 등장 하게 되었다.
이때, 많이 쓰이는 것이 Angular , Vue , React 이다.
보통 Angular 와 Vue 는 프레임워크, React 는 라이브러리로 분류한다.
2-1) 📢 Angular vs Vue
📌 Angular 는 Google에서 개발한 Framework이며 매우 안정적이고 탄탄하며, Frontend App 개발이 가능하고, 다양한 기능이 내장되어 있지만, 무겁고 배우기 어렵다는 단점이 있다.
📌 Vue 는 Evan You라는 개인이 개발한 FrameWork으로 코드가 깔끔하고 배우기 쉽기때문에 가장 나중에 생겼지만 성장 속도가 빠르다.
2-2) 📢 React
📌 React 는 지속적으로 데이터가 변화하는 대규모 애플리케이션을 구축하는 것을 목표로 페이스북에서 개발하였다.
📌 MVC(Model-View-Controller) Architecture 는 화면을 다루는 영역과 데이터가 포함된 영역 모두를 담당하고, React 는 오로지 View 만 담당한다.
이 때, 내장되어 있는 기능이 부족해 third-party 라이브러리(ex: React-router, Redux)를 함께 사용한다.
📌 페이스북의 지속적인 관리와 함께 유저들이 많기 때문에 관련된 오프소스나 커뮤니티가 활발하다.
➡ 이러한 이유로 개발공부를 하는 사람도 보다 쉽게 접근할 수 있다.
📌 React Native 의 사용으로 인해 사용자가 꾸준히 증가한다.
