Programming/Vue4 [Vue] 라우터 ( Router ) [Vue] 컴포넌트의 통신 방식 ( Props, Emit )[Vue] 템플릿 문법과 컴포넌트(component)[Vue] Vue & 인스턴스Vuevue는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 JS 프레임워크이다. Vue.jsVue.js - The Progreshong-study.tistory.com뷰 라우터뷰 라우터는 뷰 라이브러리를 이용하여 싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리이다.뷰 라우터의 설치 방법은 CDN 방식과 NPM 방식으로 총 2가지가 있다.CDN 방식별도의 설치 없이 아래 링크를 통해 라우터 라이브러리에 대한 정보를 불러올 수 있다.NPM 방식Vue CLI로 프로젝트를 생성하거나 NPM 기반으로 프로젝트를 생성한다면 아래 .. 2024. 6. 25. [Vue] 컴포넌트의 통신 방식 ( Props, Emit ) [Vue] 템플릿 문법과 컴포넌트(component)[Vue] Vue & 인스턴스Vuevue는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 JS 프레임워크이다. Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.orgVue의 핵심hong-study.tistory.com컴포넌트의 통신 방식뷰 컴포넌트는 각 각 고유한 데이터 유효 범위를 갖는다. 따라서, 컴포넌트 간에 데이터를 주고 받기 위해선 아래와 같은 규칙을 따라야 한다.상위에서 하위로 데이터 전달 : Props 속성하위에서 상위로 이벤트 전달 : 이벤트 발생Props 속성프롭스 속성은 컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법 중 하나이다. 속.. 2024. 6. 25. [Vue] 템플릿 문법과 컴포넌트(component) [Vue] Vue & 인스턴스Vuevue는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 JS 프레임워크이다. Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.orgVue의 핵심 기능으로는 선언적hong-study.tistory.com이전에는 Vue와 인스턴스에 대해 공부를 했다. 이번에는 Vue의 템플릿 문법은 무엇이 있는지와 Component란 무엇인가에 대해 공부해보려고 한다.뷰의 템플릿 문법뷰의 템플릿 문법은 뷰로 화면을 조작하는 방법을 의미한다. 템플릿 문법은 크게 데이터 바인딩과 디렉티브로 나뉜다.데이터 바인딩데이터 바인딩은 뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법이다. 아마 Spring B.. 2024. 6. 25. [Vue] Vue & 인스턴스 Vuevue는 웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈 소스 프로그레시브 JS 프레임워크이다. Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.orgVue의 핵심 기능으로는 선언적 랜더링과 반응성 두 가지가 있다.선언적 랜더링(Declarative Rendering)Vue는 표준 HTML을 템플릿 문법으로 확장하여 JS 상태를 기반으로 화면에 출력될 HTML을 선언적으로 작성할 수 있다.반응성(Reactivity)Vue는 JS 상태(State) 변경을 추적하고, 변경이 발생하면 DOM을 효율적으로 업데이트하는 것을 자동으로 수행한다.뷰 인스턴스인스턴스는 뷰로 개발할 때 필수로 생성해야 하는 코드이다.MVVM 패턴과는 관련이 없.. 2024. 6. 25. 이전 1 다음 반응형
