본문 바로가기

Vue.js

(2)
[Vue.js] 2. VsCode 설정 및 프로젝트 생성 지난 포스팅에서는 Vue.js 를 시작하기에 앞서 필요한 프로그램들을 설치했습니다.​이번에는 VsCode 를 사용하기 전 유용한 플러그인을 설치를 먼저 해볼게요. 필수는 아니지만 코딩할때 편하게 할 수 있게끔 도와주니 설치하도록 해요. 위 화면처럼 좌측 아이콘 중 해당 아이콘을 클릭하시고 검색 후 인스톨 해주시면 됩니다.다음은 설치 해야하는 리스트들 입니다.​view-in-browser : html 파일을 기본 브라우저로 볼 수 있도록 합니다.vetur: Vuew.js 작업시 편리한 기능들을 제공합니다. (코드 자동완성, 디버깅, 하이라이팅 등...)HTML Snippets: HTML 태그를 빠르게 작성할 수 있게 도와줍니다.JS-CSS-HTML Formatters: JS, CSS, HTML의 코드 자동..
[Vue.js] 1. Vue.js 간단 소개와 설치(VSCode포함) 새롭게 Vue.js 를 공부하게 되어 하나씩 포스팅 해보려 합니다.저는 Quick Start Vue.js 책을 갖고 있어 이 책을 바탕으로 학습 중입니다. 간단하게 Vue 에 대해 설명하면 구글에서 일하던 에반 유라는 분이 UI를 빠르게 개발하기 위해 만들기 시작했다고 하네요. 그래서인지 다른 프레임워크에 비해 가볍고 유연하다는 장점이 있습니다. Vue.js 는 MVVM 패턴을 따르고 있다고 합니다. 이는 Model - View -ViewModel 의 줄임말로 애플리케이션 로직과 UI 를 분리하기 위해 설계되었다고 합니다. View 는 Html&Css로 작성. ViewModel 은 View의 데이터 흐름을 담당.View는 ViewModel만 알고 있으면 되고 그외의 요소는 신경 쓰지 않아도 됩니다.또한 ..