React) 리액트 사용 이유와 탄생 과정

안녕하세요, 코린이의 코딩 학습기 채니 입니다.
[리액트를 다루는 기술]의 책을 참고하여 포스팅한 개인 공부 내용입니다.

 

리액트 탄생 과정

프론트엔드 사이드에서 돌아가는 애플리케이션 구조를 관리하려면 순수 자바스크립트만으로는 부담이 존재합니다.

(어떠한 데이터를 변경하고자 할 때 해당 요소를 찾아 업데이트 처리)

 

이유는?

• 규모가 클수록 코드가 복잡
• 제대로 관리가 어려우면 성능 저하

이러한 문제점을 기반으로 지금까지 MVC, MVVM, MVM 아키텍쳐 기반으로 프레임워크들이 개발 되었습니다.

 

간단하게 개발할 수 있는 방법?

페이스북 개발팀이 고안해낸 방법은 데이터가 변경될 때마다 어떤 변화를 주는 것이 아닌

기존 뷰를 날려버리고 처음부터 새로 랜더링하는 방법을 생각하였습니다.

• 간단하다
• 코드의 양이 줄어든다

 

위 방법의 문제점?

• CPU 점유율 증가
• 메모리 사용량 증가
• 랜더링 시 끊김 현상 발생

이러한 문제점과 단점들을 고려하여 최대한 성능을 아끼고 편안한 사용자 경험을 제공하면서 구현한 것이 리액트입니다.