https://kr.vuejs.org/v2/guide/index.html

 

시작하기 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

이 링크를 보고 Vue를 처음 시작해본다. 

Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구  지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다. 라고 명시되어 있다.

 

Vue는 특이하게 React와 Angular와 다르게 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 이 한줄의 Script면 Vue를 사용 할 수 있다.이점이 굉장히 신기했다.

 

html에서 doc를 치고 Ctrl + 스페이스바를 누르면 위와 같이 자동완성이 된다 ( 은근 꿀팁 )

 

여기에 Example Code를 따라서 코딩해보자 <body> 이 사이에 HTML 코드를 </body>                    <script> 이 사이에 js 코드를 입력해주면 된다 </script>

 

그리고 바탕화면이나 원하는 폴더에 저장을 한다.

그러면 아래와 같이 생성될 것 이다.

확장자는 크롬을 추천한다.

이것을 열면 아래와 같이 나온다 ~ 

다른 Example Code들도 따라해보면서 천천히 익혀보자 !

'Vue' 카테고리의 다른 글

Vue 이벤트 수식어  (0) 2020.04.08
package-lock.json VS package.json ?  (0) 2020.04.07
Vue Router !  (0) 2020.04.06
Vue lifecycle 이란 ?  (0) 2020.04.02
Vue.js 시작하기  (0) 2020.04.02

+ Recent posts