Vue

Vue 컴포넌트란 ?  블록과 같은 것이라고 이해하면 편하다 컴포넌트라는 블록을 조합하여, 화면을 구성할 수 있다    [ 참고 블로그 ] https://beomy.tistory.com/55 [Vue.JS] 컴포넌트 (기본)이번 포스트에서는 SPA에서 가장 중요하다 이야기 되는 컴포넌트에 관해 이야기 할 것입니다. 1. 기본 예제 // Define a new component called button-counter Vue.component('button-counter', { data: function () { return { counbeomy.tistory.com    1. 컴포넌트의 기본 형태 // Define a new component called button-counterVue.component(..

Vue 기본적인 문법 정리      1. Vue 선언  https://ko.vuejs.org/guide/quick-start.html Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.org  - Vue 공식 홈페이지에서 확인 할 수 있는 Vue JS를 import 해야한다 [ 현재 버전 Vue.js ] [ Vue의 기본 형태 ]const app = Vue.createApp({ -- method, data 등 입력 가능});app.mount('#test'); - Vue는 Vue.createApp을 통해서 선언 한 뒤 해당 Vue를 사용할 영역을 설정한다- app.mout('#[ ID ]')    2. 데이터 바인딩 - Vue 양방향 바인딩을 사용한다메세..

Vue 공부를 시작하며 먼저 Vue 란 무엇인지에 대해서 알아보고 React와의 차이점에 대해서도 알아보자   [ 참고 블로그 ] https://80000coding.oopy.io/f27f6183-0523-43e1-ab90-8f8175bd4a88 React와 Vue의 장단점 비교React와 Vue의 장단점 비교80000coding.oopy.io     1. Vue 란? Vue(Vue.js) 란 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 JS 프로임워크이다. JS 라이브러리를 사용하는 웹 애플리케이션 프로젝트에 Vue를 도입하기 쉬운데, Vue 자체가 이러한 프로젝트에 사용하기 편하게 설계되어 있기 때문이다   [ 장점 ] (1) 양방향 데이터 바인딩 방식을 이요한다..