본문 바로가기
반응형

#뷰6

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.
MVC패턴이란, Spring MVC란, Spring MVC 장점, Spring MVC MVC패턴이란, Spring MVC란, Spring MVC 장점, Spring MVC MVC 패턴이란 MVC 패턴이란 Model(모델), View(뷰), Controller(컨트롤러)의 앞글자를 따서 이름지어진 디자인 패턴입니다. 각 컴포넌트는 아래와 같은 역할을 갖고 있습니다. 모델(Model): 애플리케이션 데이터만을 포함하고, 데이터 조작하는 로직을 포함하지 않습니다. 뷰(View) : 모델(데이터)를 사용자에게 표시합니다. 컨트롤러 (Controller): 뷰와 모델 사이에 컨트롤러가 있습니다. 뷰(또는 다른 외부 소스)에 의해 변경요청된 이벤트들을 감지하고, 이러한 이벤트들에 대한 적절한 로직을 실행합니다. 세 가지 구성요소의 관계를 그림으로 표현하면 다음과 같이 표현할 수 있습니다. @star.. 2022. 7. 6.
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.
반응형