Vue : 시작하기

< Vue.js가 무엇인가요? >

 

Vue.js란?

: 자바스크립트의 프레임워크.

: 컴포넌트* 기반의 SPA(Single Page Application)*를 구축할 수 있게 해주는 프레임워크.

: 사용자 인터페이스를 만들기 위한 프로그레시브(점진적인) 프레임워크.

: 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다.

*컴포넌트 : 웹을 구성하는 로고, 메뉴바, 버튼 등 웹페이지 내의 다양한 UI요소를 재사용 가능하도록 구조화한 것.

*SPA : 단일 페이지 어플리켕션. 하나의 페이지 안에서 필요한 영역부분만 로딩되는 형태. 빠른 페이지 변환. 적은 트래픽 양.

 

Vue의 생명주기

< 선언적 렌더링 >

: 간단한 템플릿 구문을 사용하여 DOM*에서 데이터를 선언적으로 렌더링* 할 수 있는 시스템이 있음.

*DOM(Document Object Model) : 웹페이지를 자바스크립트로 제어하기 위한 객체 모델. Window객체가 창을 의미한다면 Document 객체는 윈도우에 로드된 문서.

*렌더링 : 컴퓨터 프로그램을 사용하여 모델로부터 영상을 만들어내는 과정. 클라이언트에서 서버에 파일을 받아 브라우저에 뿌려주는 과정.