Vuejs 시작

Vue란??

1. 표준HTML, CSS 및 JavaScript를 기반으로 구축(웹표준 준수)

    => 효율적으로 개발 할수 있는 컴포넌트 기반 프로그래밍 모델을 제공

 

2. Vue의 핵심

    1) SPA(Single Page Application) 방식

        => 내용이 바뀔때 화면 새로고침을 통하는게 아닌 한 화면 내에서 변화가 이뤄진다.(재배치)

    2) Vue CLI 사용

        => 간단한 웹팩 세팅을 도와주는 텍스트 기반의 인터페이스(NPM 설치)

    3) Router 제공

        vue-router를 활용해 컴포넌트를 갱신, 재배치에 도움을 줌.

        (컴포넌트 : Vue의 객체로 재사용가능 코드를 캡슐화 도움)

    4) 선언적 렌더링

        JavaScript 상태를 기반, 상태가 변경되면 HTML이 자동으로 업데이트됨.

     5) 반응형

       업데이트를 트리거(자동실행)할 수 있는 상태는 반응형으로 간주

       함수 data 옵션을 사용하여 반응형 상태 선언 가능

 

3. Vue의 장점과 단점

    장점

    1) 진입장벽이 낮아 배우기 쉽고 직관적임(HTML, CSS JavaScript만 알고 있어도 사용이 가능)

    2) React의 장점(Virtual Dom), Angular의 장점(Data binding)의 장점을 모두 가지고 있음

    단점

    1) 생태계(사용자 및 커뮤니티 라이브러리)가 작음