Page 25 -

1.2.2 기타 특징

일부 웹 프레임워크가 MVC 또는 MVW 등 구조를 지향하는 것과 달리 리액트는 오직 뷰만 담당

합니다. 다시 한 번 강조하면 리액트는 프레임워크가 아니라 라이브러리입니다. 다른 웹 프레임
워크가 Ajax, 데이터모델링, 라우팅 등 기능을 내장하고 있는 반면, 리액트는 정말 뷰만 신경 쓰는
라이브러리이므로 기타 기능은 직접 구현하여 사용해야 합니다.

하지만 그렇다고 너무 걱정하지는 마세요. 다른 개발자들이 만든 라이브러리, 즉 라우팅에는 리액
트 라우터(react-router), Ajax 처리에는 axios나 fetch, 상태 관리에는 리덕스(redux)나 MobX를 사용하
여 빈 자리를 채우면 됩니다. 해당 분야에서 마음에 드는 라이브러리를 사용하면 되니까 자신의 취

향대로 스택을 설정할 수 있다는 장점이 있지만, 여러 라이브러리를 접해야 한다는 단점도 있어요.

그림 1-10 수많은 라이브러리

SockJS

socket.io react-router

axios react-enroute
fetch
React
superagent
redux
redux-
sega redux-
thunk
MobX
Relay

또 리액트는 다른 웹 프레임워크나 라이브러리와 혼용할 수도 있습니다. 예를 들어 Backbone.js,
AngularJS 등 프레임워크와 함께 언제든지 사용할 수 있습니다.

그림 1-11 다른 프레임워크와 혼용

AngularJS

Backbone.js
React
Meteor

...

034

리액트를 다루는 기술(본문출력용)0720.indb 34 2018-07-20 오전 11:25:19