3-Vue 3 기초

Vue 3 기초 Vue를 프로젝트에 포함하는 방법 2가지 CDN으로 부터 Vue 라이브러리를 Script에 포함하는 방법 라이브러리를 호스트 서버에 저장해둘 필요가 없기 때문에 네트워크 트래픽을 줄일 수 있다. 한번 브라우저에 내려오고 나면 대부분 디스크 캐시에 저장되어 재활용되기 때문에 매우 빠른 속도를 보여준다. npm/yarn을 이용하여 Vue 패키지를 설치하여 사용하는 방법 라이브러리의 의존성 관리를 자동으로 해준다. 라이브러리와 애플리케이션 코드를 하나 혹은 사용자가 설정한 청크의 개수로 컴파일하여 브라우저에 전달할 수 있다. 브라우저에서는 컴파일된 코드만 캐시하고 나면 서버로 추가적으로 받을 파일이 없으므로 굉장히 빠른 속도를 보여준다....

2025-01-17 · 9 min · 1780 words

1-Vuejs에 대한 소개

Vue.js에 대한 소개 MVVM(Model-View-VIewModel) 패턴을 표방하고 있다. Model: 애플리케이션 도메인의 데이터 및 동작을 캡슐화하는 비즈니스 객체 View: 사용자가 보게되는 데이터 ViewModel: 모델과 뷰를 동기화하는 객체 코어 라이브러리는 ViewModel에 집주오디어있다. 코어 라이브러리를 제외하고도 Router나 Vuex 같은 라이브러리르 개발/배포하고 있다. 가상 노드 구성을 통해 매우 좋은 성능을 보여준다. 디렉티브: HTML에 사용되는 특별한 기호. 정의한 기능 혹은 연결된 변수의 값에 따라 DOM 엘리먼트를 변화시킨다. 디렉티브 중 v-model과 같은 디렉티브는 스크립트 코드의 변수와 양방향으로 바인드되어 실시근으로 DOM 엘리먼트에 변화를 줄 수 있다....

2024-09-15 · 2 min · 368 words