React Intro
React의 등장
Web Application의 발전
오늘날 우리가 사용하는 웹 사이트는 (UI:User Interface)눈에 보이는 것과 할 수 있는 것(UX:User Experience)이 많다.
뿐만 아니라, 여러가지 기능들을 웹 브라우저에서 이용할 수 있다. 이렇듯 사용자가 별도의 응용 소프트웨어(어플리케이션)를 설치하지 않아도 웹 브라우저를 통해 응용 소프트웨어의 기능을 이용할 수 있도록 만든 웹 서비스를 웹 애플리케이션 이라고 한다. 이러한 이유로, 현대의 대다수 웹 서비스는 웹 페이지라는 단어보다 웹 애플리케이션이란 단어로 많이 사용된다.
비교를 해봤을 때, 과거의 웹 페이지는 UI가 단순하고 상호작용도 적었던 것에 반해 현대의 웹 애플리케이션은 동적이고 다양한 UI 및 UX를 가지고 있다.( 그만큼 다루어야 할 데이터와 코드가 많다는 말)
즉, 현대의 웹 애플리케이션의 UI,UX를 구현하기 위해서는 이전의 DOM을 통한 접근 및 조작으로는 웹 애플리케이션을 개발하고 유지 보수하는 것이 어려워 졌다.
1차적으로, jQuery라는 JS library가 등장했지만 화면의 무수한 요소들에 접근하고 조작하는것은 쉽지 않았다.
그래서 규모가 커지고 복잡한 웹 애플리케이션을 개발하며 생산성을 향상시키고, 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 프론트엔드 Framework(프레임워크)와 Library(라이브러리)가 등장하게 되었다.
Framework & Library
프레임워크와 라이브러리는 복잡한 개발을 효율적으로, 편리하게 다루기위해 개발자들이 만들어 둔 코드란 공통점이 있다. 그러나, 프레임워크는 다른사람이 만들어둔 코드의 정해진 틀(Frame)속에서만 수동적 작업 을 할 수 있고, 라이브러리는 개발자가 작업을 진행할 때 필요한 기능을 찾고 능동적으로 가져와서 사용할 수 있다는 차이가 있다.
개발을 요리에 비유 했을 때, 프레임워크는 다른 사람이 마련해 놓은 주방에 들어가서 모든 도구가 갖춰진 주방이라 할 수 있어서 제공된 도구만을 사용해서 요리하는 것이고, 라이브러리는 다른 사람이 만들어 놓은 도구들을를 의미해서 필요한 도구들을 목적과 용도에 맞게 사용한다고 볼 수 있다.
즉, 프레임워크를 활용한다는 것은 틀이 짜인 작업환경에 개발자가 들어가서 작업을 하는 것이고, 라이브러리를 활용한다는 것은 다른 사람이 만들어 둔 도구를 개발자가 작업할 때 가져와서 활용하는 것이다.
이러한 프레임워크와 라이브러리 중 프론트엔드에서 가장 많이 쓰이는 세 가지가 바로 Angular(앵귤러), Vue(뷰), React(리액트) 이다. 앵귤러와 뷰는 프레임워크이며, 리액트는 라이브러리지만 프레임워크적인 특징을 일부 가지고 있다.
React를 사용하는 이유
왜 우리는 React를 사용하는 것일까?
왜 우리는 프레임워크형 앵귤러,뷰가 아닌 라이브러리형 리액트를 쓰는 것일까?
자신만의 문법을 가진 앵귤러나 뷰와는 다르게 "리액트"는 JS문법을 그대로 사용할 수 있다. 그래서 처음 학습하는 사람 입장에서도 리액트를 공부하고 활용하면서 자연스럽게 JS문법에 대한 이해도와 활용도를 높일 수 있다. 그리고 사용자가 많다는점, 커뮤니티가 잘 활성화 되어있다는 점, 지속적인 관리가 이뤄지고 있다는 점등이 이유로 뽑힐 수 있다.
Summary
1. 웹 애플리케이션이 발전하면서 많은 양의 데이터 관리 및 보수를 위한 더 편리함을 위한 프레임워크 및 라이브러리가 등장했다.
2. 프레임워크와 라이브러리의 특성은 주방과 도구
3. 프론트엔드 개발에서 가장 많이 쓰이는 프레임워크,라이브러리는 앵글러,뷰,리액트
4. 리액트는 JS활용도 및 타 장점들을 통해서 가장 많이 쓰이고 있다.
Reference : wecode
