본문 바로가기
728x90
반응형
SMALL

vue.js9

React란? React 소개 React는 사용자 인터페이스를 개발하기 위해 페이스북이 개발하여 오픈 소스로 공개한 것으로, 간결함과 성능 그리고 컴포넌트 단위 개발을 염두에 두고 만들어진 자바스크립트 라이브러리다. 데이터가 변경되면 이 변경 사항을 반영하기 위해 UI를 갱신해야 한다. 이 과정을 효과적이면서도 쉽게 처리하기란 쉽지 않다. React는 바로 이 문제를 해결하는 데 주안점을 두고 있다. React의 내부 매커니즘은 컴포넌트의 상태변경과 이를 UI에 반영하는 작업 등에 필요한 복잡한 과정을 처리한다. 이 과정을 처리하는 주요 기법이 바로 가상DOM 기술이다. DOM은 XML문서의 계층 구조를 반영한 트리구조다. 이 트리구조는 node로 표현되는 자식 구조들로 구성되며 보통 이 구조는 웹페이지와 어플리케이션을 구성하는 di.. 2019. 2. 13.
Vue.js - datatable component (1) 예전에 만들었던 10만건 이상 처리 가능한 grid 만들기(초안)을 시작으로 제대로 datatable 또는 data grid 라고 불리우는 component를 만들어보고자 한다. 일단 요구사항을 정리해 봤는데... 너무 많다. - 10만건 이상 처리 가능해야 하고 sorting, filtering, fixed header, fixed column, column width 설정, paging, column 숨기기 옵션, column size 조정, context menu 등.... 차근차근 하나씩 만들어본다... 컬럼옵션을 이런식으로... 넣으면 tableColumns: [ {key: 'idx', sort: true, name: 'No', width: 50}, {key: 'name', name: 'Name.. 2018. 10. 1.
Vue.js - Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example at Object.pitch 이유없이.... npm run dev 가 먹히질 않는다....구글링을 열심해 해 봐도 이런저런 상황에 대한 예상만 있을뿐 적당한 답은 없다....도대체 이유가 뭘까.......그러다가 Atop 에 설치한 command prompt 가 아닌 window 의 cmd 창을 열어서 해봤는데....잘된다.....응???? 응???내가 이것때문에 어젯밤에.....하.... 2018. 9. 21.
Vue.js + ajax + Spring Boot spring boot + spring security + mybatis + vue 로 로그인과 허접해 보이지 않는 화면을 만들(포팅)었으니 이제 실제 데이터를 가지고 와서 뿌려주는 작업을 해 보자. Vue.js - Ajax 에서 이미 데이터 가지고 오는 것은 해 보았으니 프로젝트에 반영만 하면 된다.User.vue 에 사용자 목록을 불러와 그려보자. 우선 Grid.vue 를 하나 만든다. 데이터를 가져와 grid 를 만들고 sorting 과 filtering 기능을 제공하는 간단한 grid 이다. 예전에 만들었던 10만건 이상 처리 가능한 grid 는 나중에 포팅해 보도록 하고.... 일단은 simple 한 data grid 를 만들어 본다. {{ key | capitalize }} {{entry[key.. 2018. 9. 20.
728x90
반응형
LIST