2020.07.14

Vue.js 3.0, "더 빠른 속도와 향상된 타입스크립트 지원 제공할 것"

Paul Krill | InfoWorld
웹 UI 구축용 자바스크립트 프레임워크 Vue.js의 버전 3.0이 2020년 3분기에 공식 출시될 예정이다. 올해 초 공개된 베타 버전은 성능 및 타입스크립트(TypeScrpt) 지원 등에서 상당한 개선을 보여줬다. Vue 3.0 베타 버전은 기트허브에서 다운로드 받을 수 있다. 
 
ⓒGetty Images

Vue 3.0은 재작성된 ‘가상 돔(Virtual DOM)’과 컴파일러 기반의 빠른 경로를 제공해 성능을 향상시켰다. 이를테면 일반적인 시나리오를 시뮬레이션하는 벤치마크를 기준으로 서버사이드 렌더링이 2~3배 더 빨라졌다. 구성 요소 초기화가 더 효율적으로 이뤄지며 업데이트 성능 또한 향상됐다. 

파일 크기를 줄여 성능 전반을 향상시키는 ‘트리-셰이킹(Tree-shaking)’도 강화됐다. 양방향 데이터 바인딩을 지원하는 ‘v-model 디렉티브(v-model directive)’와 같은 대부분의 사용자 정의 기능에서 이제 트리-셰이킹이 가능하다. 

가장 중요한 변화는 컴포지션 API(Composition API)다. Vue 3.0에 탑재된 컴포지션 API는 로직을 유연하게 구성하고, 컴포넌트 전체에서 재사용할 수 있는 일련의 함수 기반 API다. 옵션 API(Options API)와 함께 사용할 수 있다. 

또한 Vue.js 3.0 코드베이스는 타입스크립트로 작성된다. 즉 자동 생성 타입 정의, 그리고 타입스크립트 및 자바스크립트와 동일한 API를 사용한다는 뜻이다. 클래스 구성 요소도 계속 지원된다. 

Vue.js 3.0 베타에서 공개된 다른 기능들은 다음과 같다. 

• SFC(Single File Component)의 탐색적 타입 검사
• 네이티브스크립트(NativeScript) 프레임워크와 통합되는 사용자 정의 렌더러 API(Custom Renderer API)
• 다수의 루트 구성 요소가 허용되지 않는 문제를 해결하는 조각 기능(네이티브스크립트의 개발사 프로그레스 텔레릭은 조각 기능을 시맨틱에 영향을 미치지 않으면서 프레젠테이션을 구성하는 템플릿 래퍼 태그라고 설명했다.)

‘업데이트된’ 오픈소스 Vue.js 프레임워크는 더 테스트하기 쉽고, 유지 관리하기 쉬운 웹 UI 개발을 지원하는 데 초점을 맞추고 있다. 웹 페이지를 재사용할 수 있는 구성 요소로 분할할 수 있으며, 반응적이다. 데이터가 변경되면 프레임워크는 데이터를 사용하는 웹 페이지의 모든 부분을 업데이트할 수 있다. 한편 Vue.js는 현재 깃허브 별 갯수 16만 7,220개(7월 14일 기준)로 3위에 이름을 올렸다. ciokr@idg.co.kr



2020.07.14

Vue.js 3.0, "더 빠른 속도와 향상된 타입스크립트 지원 제공할 것"

Paul Krill | InfoWorld
웹 UI 구축용 자바스크립트 프레임워크 Vue.js의 버전 3.0이 2020년 3분기에 공식 출시될 예정이다. 올해 초 공개된 베타 버전은 성능 및 타입스크립트(TypeScrpt) 지원 등에서 상당한 개선을 보여줬다. Vue 3.0 베타 버전은 기트허브에서 다운로드 받을 수 있다. 
 
ⓒGetty Images

Vue 3.0은 재작성된 ‘가상 돔(Virtual DOM)’과 컴파일러 기반의 빠른 경로를 제공해 성능을 향상시켰다. 이를테면 일반적인 시나리오를 시뮬레이션하는 벤치마크를 기준으로 서버사이드 렌더링이 2~3배 더 빨라졌다. 구성 요소 초기화가 더 효율적으로 이뤄지며 업데이트 성능 또한 향상됐다. 

파일 크기를 줄여 성능 전반을 향상시키는 ‘트리-셰이킹(Tree-shaking)’도 강화됐다. 양방향 데이터 바인딩을 지원하는 ‘v-model 디렉티브(v-model directive)’와 같은 대부분의 사용자 정의 기능에서 이제 트리-셰이킹이 가능하다. 

가장 중요한 변화는 컴포지션 API(Composition API)다. Vue 3.0에 탑재된 컴포지션 API는 로직을 유연하게 구성하고, 컴포넌트 전체에서 재사용할 수 있는 일련의 함수 기반 API다. 옵션 API(Options API)와 함께 사용할 수 있다. 

또한 Vue.js 3.0 코드베이스는 타입스크립트로 작성된다. 즉 자동 생성 타입 정의, 그리고 타입스크립트 및 자바스크립트와 동일한 API를 사용한다는 뜻이다. 클래스 구성 요소도 계속 지원된다. 

Vue.js 3.0 베타에서 공개된 다른 기능들은 다음과 같다. 

• SFC(Single File Component)의 탐색적 타입 검사
• 네이티브스크립트(NativeScript) 프레임워크와 통합되는 사용자 정의 렌더러 API(Custom Renderer API)
• 다수의 루트 구성 요소가 허용되지 않는 문제를 해결하는 조각 기능(네이티브스크립트의 개발사 프로그레스 텔레릭은 조각 기능을 시맨틱에 영향을 미치지 않으면서 프레젠테이션을 구성하는 템플릿 래퍼 태그라고 설명했다.)

‘업데이트된’ 오픈소스 Vue.js 프레임워크는 더 테스트하기 쉽고, 유지 관리하기 쉬운 웹 UI 개발을 지원하는 데 초점을 맞추고 있다. 웹 페이지를 재사용할 수 있는 구성 요소로 분할할 수 있으며, 반응적이다. 데이터가 변경되면 프레임워크는 데이터를 사용하는 웹 페이지의 모든 부분을 업데이트할 수 있다. 한편 Vue.js는 현재 깃허브 별 갯수 16만 7,220개(7월 14일 기준)로 3위에 이름을 올렸다. ciokr@idg.co.kr

X