본문 바로가기
반응형

#vue7

vue.js란? vue.js란? (pronounced /vjuː/, like view) vue.js란 한마디로 표현하면 "웹 화면 개발을 쉽고 빠르게 해주는 프레임워크"라고 할 수 있습니다. 좀 더 자세히 설명해보겠습니다. 뷰(Vue, 발음 /vjuː/, like view)는 웹 UI를 구축하기 위한 자바스크립트 프레임워크이다. 표준 HTML, CSS, 자바스크립트 위에 구축되며, UI를 효율적으로 개발할 수 있도록 돕는 선언형 및 컴포넌트 기반 프로그래밍 모델을 제공합니다. 예를 들어, vue의 예시코드로는 다음과 같습니다. import { createApp, ref } from 'vue' createApp({ setup() { return { count: ref(0) } } }).mount('#app') templa.. 2023. 11. 8.
electron vue에서 Module not found: Error: Can't resolve 'os' 에러 문제 해결 발생한 문제 electron vue 에서 개발을 하다 아래 에러가 발생하면서 실행이 되지않는 문제가 발생하였다. Module not found: Error: Can't resolve 'os' in 'C:\Users\User\workspace\~' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fa.. 2022. 9. 7.
[vue3 + vuetify3 + electron] 데스크톱 앱 만들기 개발환경 구성 개인적으로 데스크톱앱을 만들일이 생겼습니다. 윈도용 데스크톱이 필요하였는데, 보통 winform 을썼었지요. 그러나 winform은 너무 오래된기술입니다. Microsoft진영에서 미는 것은 .NET이고, 데스크톱 앱을 만들려면 WPF 또는 UWP를 사용한다고 합니다. 하지만 이것도 좀 오래된것 같아 썩 맘에 들지는 않습니다. 그러면 요새 최신화된 트렌드는 무엇이냐 하면 electron을 꼽을 수 있지 않나싶습니다. electron은 특히, atom, visual studio code , slack, twitch 등에서 electron 을 이용해서 데스크톱앱을 만들어서 유명해졌습니다. electron 은 node.js기반이고, view는 HTML / CSS를 이용하여 개발, 그리고 자체내장 브라우저를 통.. 2022. 8. 18.
vue watch 예제, vue watch 사용법, vue.js watch 예제, vuejs watch 사용법, vue3 watch, vue watch example ` vue에서의 watch란 watch란 지켜보다라는 뜻이며, 말 그대로 특정 데이터를 보며 값이 바뀌면 별도의 콜백 함수에서 데이터를 처리하게 되며, lazy하게 실행됩니다. 즉, watch에 등록한 콜백함수는 감시된 소스가 변경된 경우에만 호출됩니다. 이는 vue3에서의 watch() API는 Option API(vue2)에서의 this.$watch 와 동일한 역할을 하는것을 의미합니다. watch에 대한 특징은 다음과 같습니다. - lazy 하게 수행됩니다. - 감시된 상태의 이전 값과 현재 값 모두에 액세스합니다. watch 예제, watch 사용법 watch에 대한 사용코드를 살펴보겟습니다. watch에서 감시할 데이터 소스는 값을 반환하는 게터 함수이거나 직접 참조일 수 있습니다. // get.. 2021. 11. 24.
vue.js 3.0 composition api, vue3 composition api, vuejs 3 composition api,vue.js 3.0 컴포지션 api, vue3 컴포지션 api, vuejs 3 컴포지션 api,뷰3 컴포지션 api, vue.js (뷰) 3에는 composition API(컴포지션 API)라는것이 도입이 되었는데요, 이것이 무엇인지 알아봅시다. composition API(컴포지션 API) vuejs를 만든 Evan You는 컴포지션 API를 전역적으로 선언된 함수(function)를 이용해 라이프사이클 훅을 등록할 수 있는 기능과 결합된 반응형 API라고 설명하였습니다. 이는 컴포지션 API가 조직과 가독성을 훼손하지 않고 애플리케이션 내 모든 지점에서 반응성을 관리할 수 있는 다른 방법을 제공한다는 게 골자입니다. 컴포지션 API는 정말로 언어에 새로운 것을 추가하는 것이 아닙니다. 뷰가 이미 사용하는 내부 기능들(일명, 마법)을 노출시키고, 우리가 이러한 기능들을 구성 요소에서 직접 사용할 수 있게 합니다. co.. 2021. 11. 22.
react vs vue, Vue vs React, vue 와 react 차이, vue.js와 react.js 차이, 비교 개요 Vue.JS 대 React.JS의 차이점을 알아봅시다. vue.js와 react.js 는 현대 대부분의 웹 프론트엔드 개발을 하기 위한 도구로 사용되고 있는 공통점이 있습니다. 비슷한듯 하지만 Vue.JS는 MVC 프레임워크인 반면 React.js는 웹 앱을 구축하기 위한 자바스크립트 라이브러리입니다. 라이브러리는 개발자가 필요할 때에 가져다 부분적으로 사용이 가능하며, 프레임워크는 부분적 사용이 불가능하고 프레임 워크의 틀에 따라서 작성해줘야 합니다. 그 외에도 어떤 차이점이 있는지 한번 살펴보고자 합니다. 공통점 - 오픈소스 MIT 라이센스 - 가상 DOM 사용 : 일반 DOM의 경우와 같이 전체 페이지를 다시 렌더링하는 대신, 리액트 및 뷰는 변경된 객체만 업데이트하여 성능을 향상시킵니다. -.. 2021. 11. 18.
vuex란?, vuex사용이유, vuex구조, vuex 왜 쓰는가, vuex 사용하는 이유, vuex action, vuex mutation, vuex store, vuex getters vuex란? Vuex는 vue.js에서 상태 관리 패턴을 적용할 수 있는 라이브러리입니다. 웹 애플리케이션의 모든 구성 요소에 대한 중앙 집중식 저장소 역할을 하며, 예측 가능한 방식으로만 상태를 변이시킬 수 있도록 하는 규칙이 있습니다. 상태관리 패턴이란 무엇인가? vuex를 사용하는 이유, vuex는 왜 쓰는가? 많은 애플리케이션을 구축하는 데 있어 발견되는 전형적인 문제는 서로다른 UI component에서 동일한 데이터를 보여줄 때, 이를 동기화하는 것이 문제입니다. 종종, 상태의 변화는 다수의 컴포넌트에 반영될 필요가 있으며, 애플리케이션 규머가 커짐에 따라 이러한 복잡성이 증가합니다. 큰 규모에서의 UI에서의 보여주는 데이터를 동기화하기 위해 중앙 저장소를 사용하고, UI는 중앙저장소의 값을 .. 2021. 11. 15.
반응형

티스토리툴바