Page 23 -

필요한 익숙한 라이브러리를 사용해도 상관없습니다.

● 사용자 반응을 보기 위해 프로토타입은 빠르게 만들어야 합니다: 우리가 만든 첫 번째 Vue
애플리케이션에서도 보았듯이, Vue로 개발을 시작하는 데 필요한 것은 해당 웹 페이지에
Vue.js를 포함하는 것밖에 없습니다. 복잡한 빌드 도구가 전혀 필요하지 않습니다. 사용자
에게 프로토타입을 공개하기까지 개발 시작부터 일주일이나 이주일 안에 가능하기에, 빠른
피드백을 받을 수 있고 계속해서 같은 방식으로 진행할 수 있습니다.

● 우리 서비스는 모바일 기기가 중심입니다: 간략화되고 압축된 Vue.js 파일은 24KB 정도입니
다. 이는 프런트엔드 프레임워크치고는 매우 가벼운 편입니다. 휴대 전화를 인터넷에 연결
하는 것만으로도 충분히 담을 수 있는 용량입니다. Vue 2의 새로운 기능에는 서버 사이드
렌더링(SSR)이 있습니다. 이것으로 자원과 뷰를 최소한으로 가져올 수 있기에 애플리케이션
초기 로딩이 최소화될 수 있습니다. SSR과 효율적인 컴포넌트 캐싱으로 데이터 소비도 더
줄일 수 있습니다.

● 우리 서비스는 고유하고 직접 만든 기능들이 있습니다: 모듈화와 확장성을 염두에 둔 설계로
Vue 애플리케이션은 재활용 가능한 컴포넌트를 사용합니다. Vue는 상속, 믹스인과 기능
연계, 그리고 Vue 자체 플러그인과 직접 만든 지시자를 사용해서 컴포넌트를 확장할 수 있
게 도와줍니다.

● 우리 서비스는 사용자가 많아 성능이 가장 걱정입니다: 최근 의존성과 성능, 속도에 중점을
둔 업데이트로 Vue는 이제 가상 DOM을 사용합니다. 이는 웹 브라우저에 연결되지 않은
DOM 복사본에 먼저 변경 사항을 적용한 후 우리가 보는 뷰에 해당 변경 사항들을 적용하
는 방식입니다. 결과적으로 Vue는 다른 프런트엔드 라이브러리보다 성능이 좋습니다. 일반
화된 테스트는 너무 추상적이기 때문에 필자는 항상 클라이언트에 일반적인 사용 예와 극단
적인 사용 예를 몇 개 골라 테스트 시나리오를 만들고, 직접 결과를 확인할 수 있게 합니다.

자세한 Vue의 가상 DOM 내용과 다른 경쟁자의 가상 DOM과 어떻게 다른지 알고 싶다면
https://vuejs.org/v2/guide/comparison.html을 확인하세요.
● 현재 사용하는 빌드, 테스트, 그리고/혹은 배포 과정이 있습니다: 이 책 후반부에서 이 부분을
자세히 알아보겠지만, 조금 이야기하자면 Vue는 대부분의 유명한 빌드(웹팩(Webpack), 브
라우저리파이(Browserify) 등)와 테스트(카르마(Karma), 쟈스민(Jasmine) 등) 프레임워크에 쉽
게 통합할 수 있습니다. 대부분은 현재 프레임워크에 사용한 유닛 테스트도 직접 적용할 수

있습니다. 이제 막 시작한 단계에서 이러한 도구들을 사용하고 싶다면, Vue는 이 도구들을
탑재한 프로젝트 서식을 제공합니다. 간단하게 말해 현재 프로젝트에 Vue를 적용하기 쉽다
는 것입니다.

034

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