목록vue (47)

투케이2K

11. (VueJs) [Vue 3] - props 사용해 자식 객체 생성 및 부모 , 자식 간 데이터 전달 실시

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [그림 설명] ​ [App.vue - 소스 코드] ​ [Maincomponent.vue - 소스 코드] {{ msg }}
VueJs 2022. 5. 30. 12:06
10. (VueJs) [Vue 3] - App vue 라이프 사이클 (Life Cycle) 작성 및 요약 설명 실시

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [파일 설명] ​ [소스 코드] ​ [결과 출력] ​ [참고 사이트] ​ https://vuejs.org/api/composition-api-lifecycle.html ​ Composition API: Lifecycle Hooks | Vue.js vuejs.org https://v3.ko.vuejs.org/api/options-lifecycle-hooks.html#updated 라이프사이클 훅 | Vue.js 라이프사이클 훅 Note 모든 라이프사이클 훅은 자동으로 this 컨텍스트가 인스턴스에 바인딩되어 있으므로, data, computed 및 methods 속성에 접근할 수 있습니다. 즉, 화살표 함수를 사용해서 라이프사 v..
VueJs 2022. 5. 30. 10:51
9. (VueJs) [Vue 3] - main.js 렌더링 시작 설정 변경 및 파일 의존성 흐름 설명

[개발 환경 설정] ​ 개발 툴 : VS CODE 개발 언어 : Vue Js [흐름 설명] ​ [추가 방법] ​ [main.js - 소스 코드] // [main.js 설명] // 1. 애플리케이션 진입점으로 Vue 초기화, 폴더 , 전역, 컴포넌트 , 라이브러리 등록 수행 실시 // 2. import App 을 사용해 최상위 App.vue 컴포넌트 지정 실시 // 3. createApp mount 를 사용해 index.html 파일 div id 값 설정 및 렌더링 시작점 지정 실시 // [애플리케이션 생성 실시] import { createApp } from 'vue' import App from './App.vue' // [app 아이디 : 렌더링 시작점] // createApp(App).mount('..
VueJs 2022. 5. 30. 09:44
4. (VueJs) vue js 사용 기본 의존성 패키지 설명 및 설치 방법

/* =========================== */ [개발 환경 설정] ​ 개발 툴 : Intelli J 개발 언어 : vue.js /* =========================== */ ​ /* =========================== */ [설 명] ​ [Vuetify 란?] - Vuetify 는 google의 Material UI 프로젝트를 Vue에 맞게 포팅한 것입니다 - cmd 명령어 (설치) : C:\Users\IdeaProjects\first_test> vue add vuetify - 설치된 것 확인 (일반) : package.json > devDependencies > vue-cli-plugin-vuetify 확인 ​ ​ ​ [Vue Cli 란?] - Vue Cli ..
VueJs 2021. 5. 18. 13:41
3. (VueJs) 기본 vue js 디렉토리 구조 설명

/* =========================== */ [개발 환경 설정] ​ 개발 툴 : Intelli J 개발 언어 : vue.js /* =========================== */ ​ /* =========================== */ [설 명] ​ ​ /* =========================== */ ​
VueJs 2021. 5. 18. 13:33
2. (VueJs) vue js 개발 환경 구축 설명 - Intelli J 사용

/* =========================== */ [개발 환경 설정] ​ 개발 툴 : Intelli J 개발 언어 : vue.js /* =========================== */ ​ /* =========================== */ [설 명] ​ 1. node js 설치 진행 ​ ​ 2. node js 설치 확인 실시 - cmd 명령어 설치 확인 : node -v - cmd 명령어 설치 확인 : npm -v ​ ​ 3. intelij 설치 진행 (Ultimate 버전) ​ ​ 4. Plugins 메뉴 > vue 검색 > vue.js 플러그인 설치 진행 ​ ​ 5. Projects 메뉴 > 상단 New Project 메뉴 > 사이드 JavaSctipt 메뉴 > Vue.js..
VueJs 2021. 5. 18. 12:22
1. (VueJs) vue js 기본 설명

/* =========================== */ [개발 환경 설정] ​ 개발 툴 : Intelli J 개발 언어 : vue.js /* =========================== */ ​ /* =========================== */ [설 명] ​ [Vue.js 란?] - Vue.js 는 웹 페이지 화면 개발을 위한 프론트엔드 프레임워크입니다 ​ ​ ​ [Vue.js 장점] - Vue.js 는 다른 프레임워크에 비해서 배우고 학습하기가 쉽습니다 - Vue.js 는 React 와 Angular에 비래 속도가 빠르고 가볍습니다 ​ ​ ​ [Vue.js 특징] - Vue.js 는 MVVM 디자인 패턴 방식으로 구성되어있습니다 - MVVM 디자인 패턴은 마크언어나 GUI 코드를 ..
VueJs 2021. 5. 18. 12:07
Prev 1 2 3 Next