[React] 리액트를 사용하는 이유?

🧐 리액트를 사용하는 이유?

 

👉 HTML의 기본 원리 :

• HTML은 간단히 브라우저가 문서 객체 모델(DOM)을 구성하기 위해 따라야하는 절차입니다. 
• 이때 HTML 문서를 이루는 엘리먼트들은 브라우저가 HTML 문서를 읽어 들이면 DOM 엘리먼트가 됩니다..
• 이 만들어진 DOM은 화면에 사용자 인터페이스를 표시해줍니다.

 

 

👉 AJAX의 탄생

 

• 전통적으로 웹사이트는 독립적인 HTML 페이지들로 만들어졌습니다.
• 하지만 AJAX가 생면서 단일 페이지 앱(SPA) 가 생겨나 전체 웹 애플리케이션이 한 페이지로 실행 될 수 있게 만들어주었습니다.
• SPA에서 브라우저는 처음에 HTML 문서를 하나 적재하며, 자바스크립트가 사용자와 애플리케이션이 상호작용 하는 것에 맞춰 새 UI를 만들어주는 방법입니다.
• 이때 자바스크립트는 DOM API를 사용해 위와 같이 브라우저의 DOM을 변경해줍니다.
• 하지만 이 작업 시 새 엘리먼트를 추가할 때 시간이 엄청나게 오래 걸리며, 개발자에게 고급 지식이 필요합니다.

 

 

이때 브라우저의 DOM을 쉽게 갱신시켜주는 라이브러리가 리액트(REACT) 입니다!

 

참고 영상: https://www.youtube.com/watch?v=BYbgopx44vo

 

 

다음 글에서는 Virtual DOM에 대해 포스팅 해보겠습니다.