요즘 프론트앤드 트랜드이면서 프론트앤드 개발자로서 필수로 가져야 할 역량 중 하나가 React(라이브러리), vue(프레임워크), angular 등을 쓸 줄 아느냐이다.
React는 워낙 많은 우리나라 회사들에서 사용하고 점유율이 높기도 하다.
React : 사용자 인터페이스를 만들기 위한 javaScript 라이브러리
인터페이스란 사용자가 기기를 쉽게 동작시키는데 도움을 주는 시스템을 말한다.
그렇다면, 리액트를 사용하면 무엇이 좋을까?
1. 사용자 경험이 좋아진다.
인터페이스는 사용자가 웹사이트 또는 앱을 사용할 때 마주하게 되는 화면인데, 화면에는 슬라이드, 버튼, input 등 이 있다. 리액트로 개발을 하면 페이지간 이동시 발생하는 화면 깜박임이 없어진다. 로딩 현상도 사라져서 앱을 쓰는 것처럼 사용자 경험, 즉 사용자 인터페이스가 좋아진다.
2. 재사용 컴포넌트(조각)를 만들 수 있다.
퍼블리싱 해보면 중복되는 부분이 정말 많다. 퍼블리싱 할때 템플릿 엔진을(jsp, php) 쓰지 않으면 동일한 구조의 중복된 코드를 그대로 써야 한다. 리액트를 이용하면 중복 되는 부분을 템플릿화 해서 여기저기서 가져다가 쓸 수있다.
3. 데이터와 화면을 일치시키는 것이 편해진다.
데이터 처리를 쉽게 하기 위해서이다. 만약 제이쿼리로 만든다고 생각해보자. 데이터가 바뀌었을때 화면에 반영하는 일은 작은 규모의 웹사이트에서는 무리없이 가능하겠지만 페이스북 같이 규모가 큰 사이트에서는 바뀐 데이터 하나하나를 화면에 연동하는 것이 굉장히 어려워진다. 데이터와 화면을 빠르게 일치시켜주는 것을 리액트가 해준다.
