🔸Vue 인스턴스 생성하기 Vue 인스턴스 옵션 el data methods computed watch {{}} → property, mustache tag 표기법 3가지 케밥 표기법 : font-size 카멜 표기법 : fontSize 파스칼 표기법 : FontSize 키 수식자 3씩증가 키 수식자에는 다음과 같은 것들이 있다. .enter .tab .delete .esc .space .up .down .left .right 시스템 수식자 키 해당 시스템 키와 동시에 다른키가 눌렸을 때만 메소드를 호출함 .ctrl .alt .shift .meta (Windows는 Windows 키, maxOS는 command 키 🔸 v-test, {{ }} 🔸 v-bind 속성을 Vue 인스턴스의 data로 지정 🔸 ..

🔸Vue.js 특징 SPA 하나의 페이지로 동작하는 웹 어플리케이션 Single Page Aplication으로 한 페이지 내에서 모든 컨텐츠를 보여주는 방식이다. 이 방식을 쓰면 사용자 편의성이 증가한다. 빠르게 화면이 전환되는 느낌을 받기 때문에 쇼핑몰 등의 사이트에서 구매율이 증가하는 경향이 있다. 기존 방식 기존 방식은 웹 페이지에서 사용자가 이벤트를 발생시키면 이를 서버에 전달하고, 서버에서 처리한 로직 결과를 웹에 전달하면 새롭게 랜더링 되는 방식이다. SPA SPA는 웹에서 이벤트가 발생하면 이를 Vue로 전달하고, 데이터를 Vue에서 처리한 뒤 다시 랜더링 하는 방식이다. 이 방식은 서버가 정말 필요한 데이터 처리에만 집중할 수 있는 장점이 있다. 또한 프론트에서 사용자 환경이 매끄러워진다..