Page 15 -

1.1.3 반응형 애플리케이션이란?

반응형 프로그래밍 패러다임은 새로운 아이디어라고 할 수 없습니다. 웹 애플리케이션에서 적용

한 지는 얼마 되지 않았지만 뷰, 리액트, 앵귤러 같은 자바스크립트 프레임워크의 도움으로 성장
할 수 있었습니다.

반응형 이론 정보는 웹에서 많이 찾아볼 수 있지만, 우리에게 필요한 내용은 아마도 좀 더 상세
할 것입니다. “웹 애플리케이션이 반응형이다.”라고 말할 수 있으려면 다음 조건들을 만족해야
합니다.

● 애플리케이션 상태 변화를 관찰합니다.
● 애플리케이션 전체에 변경 알림을 전달합니다.

● 상태 변화에 따라 뷰를 자동 렌더링합니다.
● 사용자 상호 작용을 위해 시기 적절한 피드백을 제공합니다.

반응형 웹 애플리케이션은 지속적인 상호 작용이 막히는 것을 방지하고 가능한 함수적 프로그래

밍 관용구를 사용하는 비동기 기술인 MVVM 디자인 원칙에 따라 이러한 조건들을 만족시킵니다.
MVVM 패턴이 반응형 애플리케이션을 의미하지 않고 반응형 애플리케이션이 MVVM 패턴을 의
미하지도 않지만, 이 둘은 애플리케이션 사용자에게 반응적이고 신뢰할 수 있는 경험을 제공하려

는 공통된 의도가 있습니다. 슈퍼맨과 클락크 켄트(Clark Kent)는 자신을 각기 다르게 소개하지만,
인류를 위해 좋은 일을 하고자 하는 것은 동일합니다(MVVM과 반응성 둘 중에 누가 망토를 입었
고 누가 안경을 썼는지는 설명하지 않겠습니다).

Tip Vue의 반응형 프로그래밍 패러다임을 더 알고 싶다면 https://vuejs.org/v2/guide/reactivity.html에
서 ‘Reactivity in Depth(심층 반응성)’ 가이드를 확인하세요.

1.1.4 자바스크립트 계산기

데이터 바인딩과 반응성을 자세히 이해하기 위해 코드 1-1에서 기본적인 바닐라 자바스크립트를
사용한 계산기를 살펴보겠습니다.

026

Vue.js 코딩 공작소(본문)최종.indd 26 2019-09-07 오후 8:43:25