Page 22 -

아마도 클라이언트 단 MVC 아키텍처의 가장 눈에 띄는 변화는 웹 브라우저가 사용자 세션을

활성화하는 중에는 새로 고침을 하지 않는다는 점입니다. 뷰, 뷰-모델, 데이터 바인딩 모두가
HTML과 자바스크립트로 구현되어 있기 때문에 애플리케이션이 작업을 비동기식으로 모델에 넘 1
겨주어 사용자가 자유롭게 작업을 이어 나갈 수 있습니다. 모델에서 새로운 데이터가 반환되면
Vue가 생성한 바인딩이 뷰에서 필요한 업데이트를 모두 호출합니다. Vue.js 소개

여기서 알 수 있듯이 우리가 만든 뷰와 뷰-모델의 데이터 바인딩을 유지하면서 사용자와 상호 작
용을 쉽게 하는 것이 Vue의 주요 역할입니다. 이 점은 이후에 만들 첫 애플리케이션에서도 볼 수

있는데, Vue는 어떤 반응형 웹 애플리케이션이든 튼튼한 암반이 되어 줄 것입니다.

1.2 왜 Vue.js를 사용할까? V ue.js

새 프로젝트를 시작할 때는 많은 것을 결정해야 합니다. 그중 하나는 “어떤 프레임워크나 라이브
러리를 사용할까?”에 대한 결정입니다. 외주 업체 혹은 단독 개발자에게 알맞은 도구를 선택하는
것은 굉장히 중요합니다. 운 좋게도 Vue.js는 다양한 기능을 탑재하고 있기에 여러 상황을 처리하

기 좋습니다.
다음은 단독 개발자 혹은 외주 업체에서 새로운 프로젝트를 시작할 때 가장 많이 걱정하는 내용과
이러한 걱정을 직접 혹은 반응형 웹 애플리케이션에서 Vue로 어떻게 해결하는지 설명한 것입니다.

● 우리 팀은 웹 프레임워크를 잘 사용하지 못합니다: 프로젝트에 Vue를 적용하는 이점 중 하나
는 전문가가 될 필요가 없다는 것입니다. 모든 Vue 애플리케이션은 HTML, CSS, 자바스크
립트 같은 친숙한 도구로 구성되어서 프로젝트 초기에도 생산적으로 작업을 진행할 수 있습
니다. 프런트엔드에 경험이 별로 없는 팀도 보통은 MVC 패턴에 익숙하기 때문에 MVVM
패턴을 익힐 수 있는 좋은 발판이 되기도 합니다.

● 계속 사용하는 코드가 있습니다: 걱정하지 마세요. 정성 들여 코딩한 CSS나 캐러셀을 지울
필요가 없습니다. 현재 프로젝트에 다양한 의존성을 탑재한 Vue를 적용하거나 새 프로젝
트에 이미 익숙한 라이브러리를 사용하고 싶다고 해서 Vue가 문제되지는 않습니다. 또 CSS
프레임워크인 부트스트랩(Bootstrap), 불마(Bulma) 같은 도구를 사용하거나, 제이쿼리나 백본
(Backbone) 컴포넌트 또는 HTTP 요청을 처리하는 프로미스(promise)나 다른 확장 기능에

033

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