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

VUE5

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.
Spring Boot + Spring Security + MyBatis + Vue.js Spring Security + Vue.js (login 화면) + Mybatis 로 인증 후 SPA 로 동작하도록 구성 하기 제목처럼 Spring Boot 로 backend를 구성하고 Spring Security를 이용해서 '로그인/인증' 을 구현하고 Vue.js 로 frontend를 구현해 보자. 먼저 Spring Security 관련해서 몇가지 설정을 해 본다. @EnableWebSecurity public class SecurityConfig extends WebSecurityConfigurerAdapter{ @Autowired AuthProvider authProvider; @Override public void configure(WebSecurity web) throws Exception { .. 2018. 9. 6.
Vue.js - Vuex (상태관리) Vuex는 Vue.js Application에 대한 상태관리 패턴 + 라이브러리 이다. 앱이 단순하다면 Vuex없이는 괜찮을 것이다. (간단한 Global event bus 로 대응이 가능하다.) 다만 앱이 점차 커지고 event 가 많아지며 복잡해질 경우 Vuex 가 필요해 질 것이다. Vuex 에 대한 규칙 1. Application 레벨의 상태는 중앙 집중된 저장소 이다. 2. 상태를 변경시키는 유일한 방법은 동기 트랜잭션인 경우 변이를 커밋하는 것 이다. 3. 비동기식 로직은 캡슐화되어야 하며 액션으로 구성 된다. 4. 저장소가 너무 커지면 액션, 돌연변이 및 getter를 개별 파일로 분할하기만 하면 된다. 일반적으로 아래와 같은 프로젝트 구조를 가지게 된다. (물론 사용자 마음이긴 하다.) 여.. 2018. 9. 3.
728x90
반응형
LIST