블로그
-
Vue 3 소개
Vue.js의 배경과 역사 Vue.js는 2014년 Evan You에 의해 처음 개발되었습니다. 그는 구글에서 일하던 시절, AngularJS를 사용하면서 느낀 경험을 바탕으로 간결하고 유연한 프레임워크를 만들고자 했습니다. Vue.js는 초기에는 개인 프로젝트로 시작되었지만, 점차 커
blog.naver.com · 2024.10.05
-
Vue 인스턴스의 생성과 데이터, 메서드 설정
Vue 인스턴스 생성하기 Vue 인스턴스는 Vue 애플리케이션의 근본이에요. 쉽게 말해, Vue 앱의 '심장'이라고 할 수 있죠. 인스턴스는 new Vue()를 통해 생성할 수 있어요. 위의 코드에서 el은 Vue 인스턴스가 붙을 DOM 요소를 지정해요.
blog.naver.com · 2024.10.07
-
Vue 기본 개념
그러나 Virtual DOM을 사용하면, 최소한의 실제 DOM 조작으로 UI를 업데이트할 수 있어 성능이 향상됨 Virtual DOM 변경 절차 렌더링 Vue 컴포넌트가 렌더링 될
blog.naver.com · 2024.09.01
-
Vue 3 환경 설정 및 설치 방법
Vue CLI 설치하기 Node.js가 설치됐다면, 이제 Vue CLI를 설치해볼 차례예요. Vue CLI는 Vue 프로젝트를 쉽게 생성하고 관리할 수 있도록 도와주는 도구예요. Vue .......
blog.naver.com · 2024.10.06
-
VUE 3.0
Vue 라이브러리 vue: ^3.0.0 Vue Router (선택사항) vue-router: ^4.0.0 Vuex (선택사항, 만약 상태 관리 라이브러리를 사용할 경우) vuex: ^4.0.0 Vue CLI (Vue CLI를 사용하는 경우) @vue/cli-service: ^4.5.0 (Vue 3 지원 추가) Vue Loader (Webpack을 사용하는 경우
blog.naver.com · 2024.08.20
-
VUE 컴포넌트 생성과 등록: 작은 레고 블록 만들기
Vue에서는 컴포넌트를 레고 블록처럼 만들고, 그 블록들을 조립해서 완성된 앱을 만들어 나가요. 각 컴포넌트는 앱에서 독립적으로 동작하는 작은 부분이라 생각하면 됩니다. 1. 컴포넌트 생성하기 컴포넌트를 만들 때는 그냥 JavaScript 객체로 정의하면 끝! template에서 컴포넌
blog.naver.com · 2024.10.09
-
vue3 emit이란, vuejs emit 사용법, vue emit 여러개, vue emit 인자, defineEmits
vue.js emit이란, vue에서 emit이란? emit이란 영어로 방출하다라는 뜻을 가졌습니다. vue.js에서 emit이란 $emit 함수를 의미합니다. $emit함수는 child component에서 parent...
devscb.tistory.com · 2024.08.05
-
뷔르츠부르크 여행/일상 Café Vue Store
ADAC 아닥 골목에 위치한 Café Vue Store 감성 넘치는 편집샵 거의 뷔어츠에서 유일하지 않나 싶다. 커피도 맛있다. 내가 좋아하는 뉘른베르크의 카페에서 가져오더라!
blog.naver.com · 2024.07.31
-
Mustache 구문과 데이터 바인딩
Vue 3에서 Mustache 구문({{ }})은 템플릿 안에서 데이터를 쉽게 표현할 수 있는 방법입니다. Vue 3의 디렉티브 사용법 Vue는 디렉티브를 사.......
blog.naver.com · 2024.10.08
-
reactive와 ref: Vue의 데이터 상태 관리 비밀병기
Vue 3에서 가장 많이 등장하는 두 가지 개념이 바로 **reactive**와 **ref**입니다. 둘 다 반응형 데이터를 관리하는 도구이지만, 약간의 차이가 있어요.
blog.naver.com · 2024.10.10
