더북(TheBook)

사용자 반응을 보기 위해 프로토타입은 빠르게 만들어야 합니다: 우리가 만든 첫 번째 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을 확인하세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.