728x90 Vue.js5 [Vue.js] Jspreadsheet 사용하기 이전 포스팅(yonikim.tistory.com/29) 에선 jqxGrid 의 승리로 돌아갔으나, 구현하던 도중 치명적인 오류가 발생하였다. 분명 editable 을 false 로 해줬는데 copy&paste 가 된다. jqxGrid.....잠시나마 즐거운 시간이었어.....Say Goodbye...⭐️ 🙋♀️Jspreadsheet🙋♀️ vs jQWidgets > jqxGrid Jspreadsheet 사용하기 jexcel 설치 $ npm install jexcel ▷ src/App.vue ... ▷ src/components/Excel/Main.vue ▷ src/router/index.js import VueRouter from 'vue-router' import Home from '@/compone.. 2021. 5. 13. [Vue.js] vue-cookie 사용하기 파트너사 페이지를 구축하던 중에 사용자 편의를 위해 컬럼 위치 조정도 되고 hide&show 도 가능하게끔 해서 사용자 별로 원하는 양식을 저장하게 해주자 라는 기획이 나왔다. (이 기획을 요니킴님이 싫어합니다.) 1. vue-cookie 사용하기 2. localStorage 사용하기 Cookie vs LocalStorage Cookie 는 서버측과 클라이언트측 양쪽에서 데이터 접근이 가능한 반면 LocalStorage 는 로컬 환경에서만 컨트롤된다. 즉, 서버측에서 데이터를 사용해야 할 일이 잦다면 Cookie 를, 아니면 LocalStorage 를 사용하는게 좋다. Cookie LocalStorage 도입 시기 HTML5 이전에 도입 HTML5 와 함께 도입 만료일 만료일이 있음 만료일이 없음 지우기.. 2021. 5. 13. [Vue.js] jqxGrid 사용하기 원래는 vuetify 의 tables 을 좋아하지만, 파트너사 페이지를 제작하던 도중 클라이언트에게 자유도를 주는게 필요할거 같다는 이야기가 나와 엑셀과 비슷한 기능을 제공하는 테이블 도입이 필요하게 되었다. 두개의 후보가 나왔는데, 두가지 모두 테스트코드를 작성해본 결과 jQWidgets의 jqxGrid 을 사용하기로 했다. Jspreadsheet vs 🙋♀️jQWidgets > jqxGrid🙋♀️ (Jspreadsheet: bossanova.uk/jspreadsheet/v4/examples/vue) (jQWidgets > jqxGrid: www.jqwidgets.com/vue/vue-grid/) jqxGrid 사용하기 jqwidgets-scripts 설치 $ yarn add jqwidgets-sc.. 2021. 5. 10. [Vue.js] vuetify, vue-router 세팅하기 Vuetify 세팅하기 vuetify 세팅하는 방법은 아주 간단하다. 아래 명령어만 날려주면 된다. $ vue add vuetify 그럼 관련된 dependency가 설치되고 아래 4개의 파일이 수정 및 생성된다. $ yarn add vuetify $ yarn add --dev sass sass-loader vue-cli-plugin-vuetify vue-template-compiler vuetify-loader ▷ src/plugins/vuetify.js import Vue from 'vue' import Vuetify from 'vuetify/lib' Vue.use(Vuetify) const opts = {} export default new Vuetify(opts) ▷ public/index.htm.. 2021. 4. 28. [Vue.js] VueJS 프로젝트 시작하기 현재 회사에 프론트 개발자가 부족하다 보니 내부에서 사용하는 어드민 페이지를 내가 구축하게 되었다. 사람들이 왜 뷰뷰 거리는지 알거 같았다. 리액트보다 배우기 쉬웠다. 리액트 배울 때는 물어볼 곳이 구글 선생님밖에 없어서 였을 수도 있지만 React vs Vue ※ 공통점 React 와 Vue 둘 다 컴포넌트 기반, Virtual DOM 방식이라는 점에 공통점이 있고, 가볍고 빠르다는 평을 받는다. 1. 컴포넌트 기반 React 와 Vue 는 웹 UI를 작은 컴포넌트 단위로 구성한다. 컴포넌트는 다른 프로젝트에서도 재사용할 수 있고, 컴포넌트 캡슐화와 확장이 가능해 개발이 유연해지는 장점이 있다. 2. Virtual DOM 브라우저는 HTML 파일을 스크린에 보여주기 위해 DOM 노드 트리 생성, 렌더 .. 2021. 4. 27. 이전 1 다음 728x90 반응형
