[React] 리액트를 왜 사용할까?

---

https://ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

리액트는 JavaScript의 프레임 워크이며 리액트 공식홈페이지에 보면 설명이 잘 나와있습니다.

하지만 한국어 번역이 완전히 되어있지 않고 조금 이전에 쓰이던 문법이라고 합니다.

React.createClass -> class -> Hooks 로 많이 사용되고 있고 현재 리액트를 만든 페이스북에서는 Hooks를 밀고 있지만 만들어져있는 라이브러리 대부분이 class라고합니다.

​

그렇다면 리액트를 왜 사용할까요??

​

1. 사용자 인터페이스

우선 사용자 인터페이스를 편리하게 사용할수 있도록합니다.

리액트는 SPA(Single Page Application)를 만드는데 최적화 되어있습니다.

리액트 공식 홈페이지에서는 화면간 이동을 할때 화면 깜박임같은 로딩이 덜하지만 네이버에서는 화면 깜박거림 현상을 발견할수 있습니다.

마치 웹을 앱처럼 구현했다고 볼 수 있습니다.

​

2. 데이터 처리

두번째로 데이터처리를 쉽게하기 위함입니다.

페이스북이 리액트를 만든 이유가 페이스북은 대규모의 웹사이트로서 데이터가 화면에 연동될때 처리하기가 매우 힘듭니다.

리액트는 이러한 문제점을 해결해줍니다.

​

3. 컴포넌트 재사용성

또한, 리액트는 중복을 피하고 재사용성을 용이하게 해줍니다.

한 페이지 내에서 하나만 수정하기 위해서는 모든 데이터를 수정해야하지만 리액트의 컴포넌트는 해당 데이터만 수정이 가능하여 중복을 피할수 있게됩니다.

​

정리하자면 리액트는 웹에서 앱과 같은 사용자 경험을 만들어주며 데이터를 화면에 반영할때 데이터와 화면을 일치시키기에 용이하며 중복되는 요소를 하나로 묶어줄수 있어서 유지보수하기가 수월하고 컴포넌트 재사용이 용이합니다.