Vue 3.0 주요 변경 사항 및 개선점
Vue 3.0은 더 작고, 더 빠르며, TypeScript 지원 강화, API 설계 일관성 향상, 자체 유지보수성 증대, 그리고 더 많은 저수준 기능 접근성을 목표로 설계되었습니다.
주요 변경 사항
생명주기(Lifecycle Hooks) 변경
Vue 2.x에서 Vue 3.0으로 전환되면서 생명주기 훅의 사용 방식이 변경되었습니다. 특히, setup 함수가 핵심으로 도입되었으며, 대부분의 생명주기 훅은 C ...
8월 7일 19:04에 게시됨
Vue.js 컴포넌트를 활용한 고성능 가상 스크롤 리스트 구현
가상 리스트(Virtual List)는 대량의 데이터를 효율적으로 표시하기 위한 핵심 기술입니다. 이 기술은 스크롤 시 사용자에게 보이는 영역의 아이템만 실제로 렌더링하고, 화면 밖의 아이템은 렌더링하지 않거나 부분적으로만 처리하여 애플리케이션의 렌더링 성능을 극대화합니다. 특히 수천 개 이상의 항목을 가진 리스트를 다룰 때 성능 저하 없이 부드러운 사용자 경험 ...
8월 2일 10:10에 게시됨
Vue.js 개발 핵심 팁과 모범 사례
목차
Vue 2와 Vue 3의 주요 차이점
1.1 성능 향상
1.2 컴포지션 API
1.3 향상된 TypeScript 지원
1.4 새로운 생성 방식
1.5 Fragments, Teleport 및 Suspense
Webpack 명령어 및 패키지 관리
2.1 cross-env 의존성 추가
2.2 스크립트에서 cross-env 지정
2.3 불필요한 코드 제거
2.4 DefinePlugin을 이용한 환경 변수 설정
2.5 환경 변수 판별
2.6 localStorage를 이용 ...
7월 18일 17:14에 게시됨