[리액트 분석하기] 우리는 왜 자바스크립트 라이브러리나 프레임워크를 이용해야 할까?

우리는 웹을 개발하려면 HTML / CSS / Javascript를 사용해야 한다는 것은 개발을 배워본 누구나도 쉽게 생각해 낼 수 있다.

 

하지만 우리는 왜 React, Vue, Angular와 같은 라이브러리나 프레임워크를 사용해서 개발을 해야 할까?

 

단지 쉽게 개발을 하기 위해서? 편한 구조를 위해서? 그에 대한 대답을 제대로 할 수 있는 사람이 되어보자.

사용해야하는 이유

js 삼형제 ::  Vue.js   React.js   Angular.js

사용해야 하는 가장 큰 이유를 먼저 이야기 해보자면 *_UI 업데이트 *_이다.

 

우리가 만들 웹 앱은 단순히 정보를 보여주는 것에서 끝나는 게 아니라, 프로그램의 상태가 변경된다면 동적으로 사용자에게도 변경된 UI를 제공하여 반응 해야 한다.

 

그리고 라이브러리나 프레임워크는 UI를 자동으로 업데이트 해준다는 점에서 우리는 이에 대한 적잘한 사용법을 알고 꼭 사용해야 한다.

---

우리는 API 통신이나 이벤트로 사용자에게서 html을 통해서 데이터를 받으면 수작업으로 dom 객체를 이용해서 순수 자바스크립트를 통해 돔을 업데이터 해야한다.

 

이고잉 선생님의 발언을 빌려보자면 우리의 서비스가 기하급수적으로 커졌다고 가정하자.

 

그럼 그 많은 돔의 업데이트 코드는 잘 못하면 꼬이거나 너무 무거워질 수 있게 된다.

 

이러한 것을을 감당할 수 있게 하는 것이 바로 React, Vue, Angular 등등의 라이브러리 이다.

리액트는 위에서 말 했던 UI 작업에 관한 돔을 가상 돔을 이용한다.

 

이런 엄청난 프레임워크나 라이브러리가 탄생하고 현재는 그야말로 자바스크립트의 대 시대를 맞이하고 있다고 해도 과언이 아니다.

---

리액트를 본격적으로 배워보기 전에 오늘은 간단하게 왜 리액트여야 하는데라는 질문에 대해 답을 해보았다.

여기서 말 하는 왜 리액트여야 하는데는 왜 앵귤러여야 하는데, 왜 뷰여야 하는데와 같은 특정한 것에 대한게 아니라 조금 더 포괄적으로 왜 라이브러리나 프레임워크여야 하는데? 에 대한 답을 해보았다.

 

이제 우리는 왜 배워야 하는지 알게 되었고 그들이 어떤 것을 우리에게 편하게 해주는지 이해했기 때문에 본격적으로 시작한다면 이런 부분에 대해 중점적으로 알아보자.