1-1. 왜 리액트인가?

최근 전 세계 개발자는 자바스크립트에 열광하고 있다.

• 과거의 자바스크립트

  • 웹 브라우저에서 간단한 연산을 하거나 시작적인 효과를 주었다.

• 현재의 자바스크립트

  • 웹 애플리케이션에서 가장 핵심적인 역할을 하며, 서버 사이드, 모바일, 데스크톱 애플레케이션으로 영역을 확장하였다.
    • 자바스크립트 프레임워크를 사용하여 슬랙, 아톰, VS Code 등을 개발했다. (데스크톱)
    • 크로스 플랫폼 애플리케이션을 개발할 수 있는 자바스크립트 프레임워크를 사용하여 페이스북, 디스코드, 페이팔, 이베이 등을 개발했다. (모바일)

대규모 애플리케이션 구조를 관리하려면, 자바스크립트만으로 관리하기는 쉽지 않다.

• 이를 해결려고 수많은 프레임워크가 노력해 왔다.
  • Angular, Backbone.js, Derby.js, Ember.js, Knockback.js, Sammy.js, Pure MVC, Vue.js 등

이 프레임워크들은 주로 MVC(Model-View-Controller), MVVM(Model-View-View Model), MVW(Model-View-Whatever) 아키텍처로 애플리케이션을 구조화한다.

• 이 아키텍처들의 공통점은 모델과 뷰가 있다는 것이다.
  • 모델 : 애플리케이션에서 사용하는 데이터를 관리하는 영역
  • 뷰 : 사용자에게 보이는 영역

사용자에게서 어떤 **작업(클릭, 입력 등)**을 받으면 컨트롤러는 모델 데이터를 조회하거나 수정하고 변경된 사항을 뷰에 반영한다.

• 반영하는 과정에서 뷰를 변형한다.