FrontEnd/VueJS (42) 썸네일형 리스트형 [Vue.js] provide/inject 에 대해 알아보기 https://medium.com/witinweb/vue-js-provide-inject-%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-743502dbb449 [Vue.js] provide/inject 에 대해 알아보기 Vue.js 부모가 자식 컴포넌트에게 값을 전달하는 방법 중 가장 직관적이고 기본적인 방법은 Props이다. 자식 컴포넌트에 props를 아래와 같이 작성하면 바로 직계 부모로부터 데이터를 받을 수 있다. medium.com Vue.js 2.0 라이프사이클 이해하기 최근 사내에서 Vue.js로 프로젝트를 진행하고 있다. 차근차근 꼼꼼히 프레임웤을 이해하며 시작하지 않으니 여러 우여곡절이 많았다. 정리 차원에서 하나씩 포스팅하면 좋을것 같다는 생각을 했다. 첫 포스팅은 라이프사이클! Vue.js의 라이프 사이클은 크게 Creation, Mounting, Updating, Destruction 으로 나눌 수 있다. 1. Creation : 컴포넌트 초기화 단계 Creation 단계에서 실행되는 훅(hook)들이 라이프사이클 중에서 가장 처음 실행된다. 이 단계는 컴포넌트가 돔에 추가되기 전이다. 서버 렌더링에서도 지원되는 훅이다. 따라서 클라이언트 단과 서버단 렌더링 모두에서 처리해야할일이 있다면 이단계에서 하면된다. 아직 컴포넌트가 돔에 추가되기 전이기 때문에 돔에 .. [Vue.JS] Component 개념 https://kdydesign.github.io/2019/04/27/vue-component/ [Vue.JS] Component 개념을 익히고 만들어보자!! Vue.js의 기본 개념을 익히고 기본적인 Vue.js Component를 생성해 보자. Vue.js의 Component 개념은 Vue.js Framework에서도 중요한 부분을 차지하고 어떻게 Vue.js Component를 생성하느냐에 따라 Vue.js의 개발속도 kdydesign.github.io Vuex 전체 흐름도 Vuex 시작하기 1 - Vuex와 State https://joshua1988.github.io/web-development/vuejs/vuex-start/ Vuex 시작하기 1 - Vuex와 State Vue 중급으로 레벨업 하기. 상태 관리란 무엇인가? Vuex를 이용한 상태 관리. state 소개 joshua1988.github.io Nuxt.js https://nuxt.com/ Nuxt: The Intuitive Web Framework nuxt.com Vue Application을 만들기 위한 강력한 Framework 인 Nuxt.js에 대해 알아보자. Nuxt.js는 Vue.js 응용 프로그램을 만들기 위한 Framework이며, Vue.js Application을 좀 더 손쉽게 만들 수 있으며 Server-Side-Rendering을 지원한다. Quasar[The enterprise-ready cross-platform VueJs framework] https://quasar.dev/ Quasar Framework - Build high-performance VueJS user interfaces in record time Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive websites, PWA, SSR, Mobile and Desktop apps, all from the same codebase. Sensible people choose Vue. Productive people choose Quasar. Be both. quasar.dev The enterprise-ready cross-platform .. [Vue 3] Vite를 이용하여 Vue.js 프로젝트 생성하기 https://velog.io/@wooryung/Vue-3-Vite%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-Vue.js-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0 [Vue 3] Vite를 이용하여 Vue.js 프로젝트 생성하기 Vue.js MVC 패턴에서 View(사용자에게 보이는 화면)를 중심으로 만든 라이브러리 및 프레임워크 MVC 패턴 디자인 패턴 중 하나 Model은 데이터를 관리하고, View는 사용자에게 보이는 화면을 관리하며, C velog.io Vite webpack을 대체할 수 있는 번들러 Vue 3에서 권장하는 번들러이며, Vue 창시자 Evan You가 .. firebase 오류 - .js 파일에 firebase import 가 안됨 firebase 8버전 이하 import firebase from 'firebase/app'; import 'firebase/auth'; import 'firebase/firestore'; firebase 9버전 이상 import firebase from 'firebase/compat/app'; import 'firebase/compat/auth'; import 'firebase/compat/firestore'; https://gallery-k.tistory.com/259 [React] firebase 오류 - .js 파일에 firebase import 가 안됨 (React 너눈 왜케 오류가 많니...) 1. 문제 발생 firebase 에 프로젝트를 등록하고, React 에 등록을 해줬습니다. 그러고 i.. VUEX의 STORE란 무엇일까? http://ccambo.github.io/Dev/Vue/5.what-is-the-store-in-vuex/ Vuex의 Store란 무엇일까? ccambo.github.io 이전 1 2 3 4 5 다음
