전체 글92 [Vue.js] Vue2 IE 지원하기 (3) Vue2에서 IE(2024년 1월 기준 IE9까지) 지원하는 방법은 이전 포스팅들을 참고해 주세요. 2024.01.30 - [Study] - [Vue.js] Vue2 IE 지원하기 (1) [Vue.js] Vue2 IE 지원하기 (1) IE 지원 계기 및 지원 현업에서 개발 중인 프로젝트가 IE 대응이 필요해져 현재 프로젝트를 IE에 호환할 수 있는 방법에 대해 조사하게 되었다. IE 9까지만 지원한 궁극적인 이유는, Vue가 IE8 이하를 ktmihs.tistory.com 2024.01.31 - [Study] - [Vue.js] Vue2 IE 지원하기 (2) [Vue.js] Vue2 IE 지원하기 (2) 🔍 IE 지원 동기 및 시작 방법은 이전 글을 참고해 주세요 2024.01.30 - [Study] -.. 2024. 2. 11. [Vue.js] Vue2 IE 지원하기 (2) 🔍 IE 지원 동기 및 시작 방법은 이전 글을 참고해 주세요 2024.01.30 - [Study] - [Vue.js] Vue2 IE 지원하기 (1) [Vue.js] Vue2 IE 지원하기 (1) IE 지원 계기 및 지원 현업에서 개발 중인 프로젝트가 IE 대응이 필요해져 현재 프로젝트를 IE에 호환할 수 있는 방법에 대해 조사하게 되었다. IE 9까지만 지원한 궁극적인 이유는, Vue가 IE8 이하를 ktmihs.tistory.com IE 버전 바꾸기 지난번 IE11에서 여는 것까지는 성공 이제 IE10과 IE9 모드로 변경하여 확인하기 위해 모드 설정 방법 찾아보았다. 개발자 도구를 통해 변경하여 거의 동일하지만 두 가지 방법으로 변경할 수 있다. 1. 노랗게 칠한 부분에서 문서모드를 변경하기 우측 상.. 2024. 1. 31. [Vue.js] Vue2 IE 지원하기 (1) IE 지원 계기 및 지원 현업에서 개발 중인 프로젝트가 IE 대응이 필요해져 현재 프로젝트를 IE에 호환할 수 있는 방법에 대해 조사하게 되었다. IE 9까지만 지원한 궁극적인 이유는, Vue가 IE8 이하를 지원하지 않기 때문이다. Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all ECMAScript 5 compliant browsers. Vue 공식 문서 호환성 팀 내부적으로 이미 프로젝트가 거의 완성된 상태에서, 거의 사용되지 않는 IE8 이하를 위해 새로운 프레임워크를 사용하여 마이그레이션 하기에는 오버 스택이라 판단되었.. 2024. 1. 30. [Vue.js] v-model 양방향 바인딩 문제 (feat. input event) v-model 양방향 바인딩 Vue.js의 경우에는 v-model을 통해 양방향 바인딩을 제공한다고 알고 있었다. Vue.js를 학습하며 토이 프로젝트를 진행 중, 영어의 경우에는 문제없이 입력값이 전부 잘 저장되지만, 한국어의 경우에는 계속 마지막 입력이 잘려 저장되는 문제를 발견하게 되었다. 처음에는 데이터를 상위 컴포넌트에서 관리하고 하위 컴포넌트에서 input을 받아 v-model로 데이터를 상위로 올려주었는데, 이 event를 호출하는 과정에서 문제가 생긴 줄 알고 하나로 합쳐도 봤다가, 로그만 찍어봤다가 해봤는데도 문제가 생겨 골머리를 앓고 있었다😂😂 해결 방법 당연히 v-model의 문제라고 생각 안 하고 문제점들을 찾다가, 혹시나 해서 찾아보게 됐는데... 공식 문서에서 다음과 같은 안내를.. 2023. 6. 1. [Vue.js] Vuex (feat. Flux pattern) Vuex란? Vue.js를 위한 상태 관리 패턴이면서 라이브러리이다. 상태가 예측 가능한 방식으로만 변경될 수 있도록 하는 규칙을 사용하여 응용 프로그램의 모든 구성 요소에 대한 중앙 집중식 저장소 역할을 한다. 각 컴포넌트들이 관리하고 있는 상태를 props로 전달하는 것에는 한계가 있다. 또한 상태를 변경하기 위해 event를 emit 하는 것은 더욱 복잡해진다. 이때, 중앙 집중화된 상태 정보를, 사용하는 컴포넌트에서만 갖다 쓰는 방식이라면, props로 계속 넘겨주지 않아도 되고, 유지보수 측면에서도 훨씬 유리해진다. Vue는 MVVM 모델이기 때문에 상태가 바뀌면 ViewModel 객체가 바라보고 있다가 감지하여 UI를 자동으로 변경하는데, 이렇게 중요한 상태가 어느 컴포넌트나 메서드에 의해서,.. 2023. 5. 28. [Vue.js] Vue Router (Nested Router vs Named Views) Router Vue에서는 Vue Router라는 라이브러리를 사용하여 SPA(Single Page Application)을 구현한다. 라이브러리는 npm을 통해 설치할 수도 있고, 아래 예시처럼 CDN으로 가져올 수도 있다. const router = new VueRouter({ routes: [ { path: '경로명', component: { template: '' } } ] }); new Vue({ el: '#app', router: router, }); vue-router로부터 VueRouter를 가져와 새 라우터를 정의해 준다. VueRouter안에는 routes라는 속성의 값으로 route들을 객체 형식으로 배열에 정의할 수 있다. 정의한 VueRouter는 Vue 인스턴스에 router라는 .. 2023. 5. 27. 이전 1 2 3 4 5 ··· 16 다음
