Skip to content

Home

Jump to bottom
jinn2u edited this page Jul 15, 2021 · 5 revisions

vanillaJS mvc 패턴과 vs React

vanillaJS mvc pattern React
상태를 관리하는 변수까지 모두 모델이 관리한다. 모델은 오로지 데이터만을 관리하며 state를 통하여 상태를 관리한다.
업데이트시마다 컨트롤러가 뷰를 조작하여 돔을 변경하였다. 가상돔에게 변경을 요청한다.

React의 장점

  • Jsx라는것을 사용해서 자바스크립트 코드와 마크업 코드를 한곳에 모아놓아서 하나의 추상화된 컴포넌트를 만들수 있다.
  • 컴포넌트가 한가지 책임을 진다는것에서 표현력이 좋다.
  • state를 통하여 UI를 조작할 수 있다.
  • 돔 API를 호출해 직접 변경하는 vanillaJS에 비해 가상돔을 사용하기 때문에 성능에 신경쓰지 않고 어플리케이션 로직에 집중할 수 있다.
Clone this wiki locally