728x90
반응형
- 개요
웹페이지 개발에 널리 사용되는 React와 React의 특징을 알아본다
1) React란?
React는 UI를 만들기 위한 JavaScript 라이브러리이다
개발을 위한 기본적인 틀을 의미하는 프레임워크와는 다르게,
라이브러리는 개발을 위한 도구의 집합으로서 프레임워크보다 넓은 의미를 갖고 있다
2) MPA와 SPA
React를 사용하지 않은 기존의 웹페이지는 MPA(Multi Page Application) 방식을 사용하여
페이지를 이동할 때마다 서버에서 전체 HTML을 새로 받아오는 방식으로 동작하였다
이는 화면의 깜박임 현상을 발생시켜 UX를 낮추는 악영향이 존재했다
그러나 React, Vue, Angular와 같은 JS 라이브러리들은 SPA(Single Page Application) 방식을 사용하여
위와 같은 UX를 훼손하는 문제를 해결하였다
SPA에서는 최초 한번만 서버로부터 HTML을 받아온 후에
JS를 사용하여 클라이언트(브라우저)에서 화면을 그리는 방식으로 동작한다
따라서 화면 깜박임등의 문제에서 자유롭다
3) React의 특징
React의 특징을 정리하면 다음과 같다
- 1) 컴포넌트 기반 설계 - 기능단위로 컴포넌트 구성 + 높은 재사용성과 유지보수성 + 부모, 자식 관계
- 2) Virtaul DOM(가상돔) - 실제 DOM의 복사본으로 SPA에서의 동적인 변화를 효율적으로 관리
- DOM(Document Object Model) - HTML 문서를 브라우저가 이해할 수 있도록 만든 트리 구조
- 3) CSR(Client Side Rendering) - 화면 그리기를 클라이언트에서 수행
- 4) 풍부한 개발 생태계 - 넓은 커뮤니티 + 라이브러리의 다양성 + 높은 호환성
728x90
반응형