Vue.js란?

Vue.js는 웹프론트엔드 프레임워크

- 컴포넌트(Component) 기반의 SPA(Sing Page Application)를 구축할 수 있게 해주는 프레임 워크

- MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리

 

컴포넌트 (Component)

- 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소 

- 재사용 가능하도록 구조화한 것

 

SPA (Single Page Application)

- 단일 페이지 어플리케이션

- 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태

- 빠른 페이지 변환

- 적은 트래픽 양

 

쉽게 설명하면 웹 개발할때 필요한 다양한 UI들을

컴포넌트로 만들고 이것을 조립해서 하나의 페이지로 만드는 방식

 

단점은 최초 로딩시 모든 js 파일, css파일전부 로딩하기 때문에

처음 로딩하는 전체 파일 사이즈가 크면클수록 초기 로딩이 느려진다는 단점이 존재하긴 함!

 

 

참고 링크

youtu.be/sqH0u8wN4Rs?t=217

joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/