본문 바로가기

스터디/프론트엔드

[Vue.js] 시작 !

Vue.js란?

2013년 12월에 UI의 빠른 개발

 웹 화면 작성에 최적화된 프레임워크

 최근 가장 빠르게 발전하고 확산되고 있는 자바스크립트 프레임워크

 

특징

  •  대단히 유연하고 가볍다
  •  SPA(Single Page Application) 아키텍쳐 구성을 위한 라우터 기능도 에코시스템에서 지원
  •  전형적인 MVVM(Model – View – ViewMode) 패턴
  • 가상 DOM 지원으로 빠른 UI 렌더링 속도

2014 년 MacBook Air의 Chrome 52에서 실행 된 숫자

 

개발환경설정

  • Node.js  https://nodejs.org/ko
  • npm
  • Visual Studio Code
  • 크롬 브라우저 + Vue.js devtools
  • Vue-Cli
  • npm install –g vue-cli
  • vue list
    • simple
    • browserify
    • browserify-simple
    • webpack 
    • webpack-simple
    • pwa

 

 

[다음참고하기]

  1. vue 시작하기    > 예제
  2. 옵션의 구성 
  3. Vue.js 2 vs Vue.js 3

4. html . codepen.io/jeongahlee/pen/jOMNLRj?editors=1010

 

Vue.js 2 vs Vue.js 3

data, method ,computed 간단한 문법 정리 Vue 2 Name: {{ name }} Amount: {{ amount }} Increase Capacity Vue 3 Name: {{ name }} Amount: {{ amount }} Increase Capacity import import { ref } from "vue";..

adlog.tistory.com

 

'스터디 > 프론트엔드' 카테고리의 다른 글

[JQuery] 이벤트 중복 실행 방지  (0) 2021.01.02
[html] Apple Mobile Web App Tag  (0) 2020.12.31
[Vue.js] 2 vs 3  (0) 2020.11.25
SASS[SCSS] 설치 및 활용  (0) 2020.11.10