리엑트 장점과 단점

1.리액트의 장점

①빠른 업데이트

웹 페이지의 메뉴 중에 있는 버튼을 아무거나 눌러서 업데이트를 하는데, 업데이트 시간이 굉장히 오래걸린다면

사용자들은 도중에 나가버린다고 한다.

그런 상황을 막기 위해서, REACT에서는 이런 상황을 막기 위해서 Virtual DOM이 있다.

 

ⓐDOM(Document Object Model)이란?

브라우저안에는 웹 문서를 해석 할 수 있는 랜더링 엔진이 있다.

브라우저에서 랜더링엔진이 html 요소를 제어화 할 수 있도록 웹 문서를 객체화한 것이다.

ⓑVirtual DOM이란?

리엑트에서는 Virtual DOM을 이용해서 실제 DOM과 같은 복사 본입니다. 

그런 이유 때문에, 브라우저에 접근하지 못합니다.

리엑트는 가상 돔을 이용해서 돔조작을 훨씬 빠르게 해준다.

ⓒVirtual DOM을 쓰는 이유는?

실제 우리가 Dom을 쓰면 수정 부분을 DOM에서 모두 찾아야합니다.

그래서, 컴퓨터 속도가 느려지고,

Virtual DOM에서 변경할 부분을 검색(diffing)을 합니다.

어떤 코드가 변경 될 것인지 들을 알고 미리 배치를 하고, 제일 효율적인 과정을 알아내서 가장 최적화된 과정을 실제 DOM에 반영하는 것이다.

 

② Component-Based

Component는 구성 요소라는 뜻이며,

리엑트에서는 모든 페이지가 하나의 조합으로 구성될 수 있고, 리엑트로 만든 사이트는 많은 컴포넌트가 있습니다.

이렇게 Component를 쓰면 재사용을 많이 하면,

• 개발 기간이 짧아집니다.
• 유지 보수가 용이합니다. -(버그 찾는 것도 쉬움)

③든든한 스폰서

리엑트는 meta를 스폰서로 두고 있습니다.

meta 심볼 사진 출처: facebook.com/MetaKorea/

프로젝트의 성장하려면, 막대한 자금이 필요합니다.

그런데, React는 든든한 스폰서가 있기 때문에 꾸준히 성장할 것 같습니다.

 

2. 리엑트 단점

①막대한 학습량

React에서는 꾸준히 업데이트 되고, 리엑트에 대해서 알려면,

Virtual DOM, JSX등의 다양한 개념을 알아야 합니다.

 

아래는 리엑트를 공부하면서 만든 제 GIT 레파지토리입니다.

GitHub - do04200611/react: https://do04200611.github.io/react/