Page 17 -

1.1 왜 리액트인가? R E A C T

최근 몇 년간 전 세계 개발자는 자바스크립트에 뜨겁게 열광하고 있습니다. 한때는 웹 브라우저에
서 간단한 연산을 하거나 시각적인 효과를 주는 단순한 스크립트 언어에 불과했지만, 현재는 웹

애플리케이션에서 가장 핵심적인 역할을 합니다. 더 나아가 영역을 확장하여 서버 사이드는 물론
모바일, 데스크톱 애플리케이션에서도 엄청나게 활약합니다.

그림 1-1 자바스크립트

예를 들어 슬랙(Slack), 아톰(Atom), VS Code 등 유명한 데스크톱 애플리케이션을 일렉트론(Electron)
(자바스크립트로 데스크톱 애플리케이션을 만들 수 있는 프레임워크)으로 개발했습니다. 모바일
애플리케이션도 마찬가지입니다. 자바스크립트로 크로스 플랫폼 애플리케이션을 개발할 수 있는
여러 프레임워크(Ionic, Titanium, NativeScript, React Native 등)를 사용하여 페이스북(Facebook),
디스코드(Discord), 페이팔(Paypal), 이베이(Ebay) 등 수많은 공룡급 애플리케이션과 중·소규모 애플

리케이션을 개발했습니다.

이제 자바스크립트만으로도 규모가 큰 애플리케이션을 만들 수 있는 시대가 왔습니다. 대규모 애
플리케이션 중 프런트엔드 사이드에서 돌아가는 애플리케이션 구조를 관리하려면 어떻게 해야 할
까요? 솔직히 이런 애플리케이션을 특별한 도구 없이 순수하게 자바스크립트로만 관리하려면 골
치 아프겠죠? 지금까지 수많은 프레임워크가 조금씩 다른 관점에서 이를 해결하려고 노력해 왔습

니다. AngularJS, Backbone.js, Derby.js, Ember.js, Ext.js, Knockback.js, Sammy.js, PureMVC,
Vue.js 등이 말이죠.

그림 1-2 자바스크립트 기반 프레임워크

026

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