반응형 뷰2 01-2. Vue.js의 특징 1. UI 화면단 라이브러리 Vue.js는 UI화면 개발 방법 중 하나인 MVVM 패턴의 뷰 모델에 해당하는 화면단 라이브러리이다. MVVM(Model - View - ViewModel) 패턴이란? 마크업 언어나 GUI 코드를 비즈니스 로직 또는 백엔드 로직과 분리하여 개발하는 소프트웨어 디자인 패턴이다. 즉, 화면 앞단(프런트엔드)의 화면 동작과 관련된 로직과 화면 뒷단(백엔드)의 데이터베이스 데이터 처리 로직을 분리하여 더 깔끔하게 코드를 구성한다. MVVM 패턴으로 개발하면 화면의 요소들을 제어하는 코드와 데이터 제어로직을 분리하여 코드를 직관적으로 이해할 수 있고, 추후 유지보수까지 편해진다. 용어 설명 뷰(View) 사용자에게 보이는 화면 돔(DOM) HTML 문서에 들어가는 요소(태그, 클래스.. 2022. 3. 13. 01-1. Vue.js란? Vue.js란? Vue.js는 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크이다. (프레임워크 : 개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해놓은 도구) Vue는 화면단 라이브러리이자 프레임워크라고 볼 수 있다. (라이브러리 : 자주 사용되는 기능들을 모아 재활용할 수 있도록 정리한 기술 모음집) *사이드 라우팅 : 서버에게 별다른 요청을 보내지 않고, 클라이언트의 브라우저 단에서만 여러 페이지들을 왔다갔다 방문할 수 있게 하는 기능 * 컴포넌트 : 재사용이 가능한 독립된 모듈 Vue.js는 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있기 때문에 점진적인 프레임워크(progressive framework)라고 부른다. 화면단 데이터 표현에 .. 2022. 3. 12. 이전 1 다음 반응형
