Vue 란?

Vue.js란

 

- 웹페이지 화면을 개발하기 위한 프런트엔드 프레임워크이다.

 

-프론트앤드 VS 백앤드

웹은 일반적으로 프론트앤드개발과 백앤드개발로 나눌 수 있다. 

프론트앤드개발은 화면단. 즉, 사용자에게 보이는 화면을 다룬다. 주 언어는 html,css,javacript,javascript framwork(vue,react,angular)이다.

백엔드개발은 보이지 않는 부분. 서버,DB연결 등을 다룬다. 주 언어는 java,python,php,c# ... 많다.

 

-프레임워크

프레임워크는 개발자들의 개발 생산성을 높이기 위해 일정한 틀과 규칙에 따라 개발하도록 미리 구조를 정의해 놓은 도구이다.

 

프레임워크 시장 속에서 뷰의 위치?

 

- 프런트엔드 프레임워크 시장은 리액트와 앵귤러가 높은 점유율을 차지하고 있었다.

그러나 2014년 2월에 처음으로 뷰가 공식 배포되면서 가파른 성장세를 보였고

현재 2019년. 이 시기에 배워하 하는 프레임워크는 뷰라고 할 수 있다.  

 

뷰를 써야하는 이유?

1. HTML,CSS,JAVASCRIPT 기초만 아는 입문개발자,초급개발자들도 하루만에 배울 수 있다.

2. 리액트오 앵귤러에 비해 성능이 우수하고 빠르다.

3. 리액트의 장점과 앵귤러의 장점을 갖고 있다. (뷰를 만든 사람은 앵귤러를 더 가볍게 쓰고 싶어서 뷰라는 프레임 워크를 만들었다.)

4. 위 이유 때문에 개발입문자들이 재미있게 학습할 수 있다.

 

뷰는 MVVM패턴?

 

Q MVVM패턴이란?

- MVVM(Model - View - ViewModel)

이런 패턴을 왜 만들었냐면

화면 앞단(프런트엔드)의 화면 동작과 관련된 로직과 화면 뒷단(백엔드)의 데이터베이스 데이터처리 로직을 분리하여

더 깔끔하게 코드를 구성하기 위해서이다.

 

뷰는 컴포넌트 기반 프레임워크?

- 뷰가 가지는 큰 특징 중 하나가 컴포넌트(Component)기반 프레임워크라는 점이다.

컴포넌트는 레고블록과 비슷하다.

레고블록을 잘 조합해서 원하는 모형을 만들 수 있듯이 뷰의 컴포넌트를 조합해서 원하는 화면단을 만들 수 있다.

 

컴포넌트 기반 방식으로 개발하는 이유는 코드 재사용이 쉽고 화면구조를 직관적으로 파악할 수 있기 때문이다.