vue-cookie를 사용해서 구현할 것은 아래와 같다 ! 아이디 저장 체크했을 시 쿠키로 아이디가 저장되고, 저장된 쿠키를 통해 아이디 저장 체크박스를 풀고 로그인 하기 전까지 아이디를 저장한다 !! 먼저, vue-cookie를 설치해주어야 한다. 1. vue-cookie 라이브러리 설치 npm install vue-cookie --save https://www.npmjs.com/package/vue-cookie vue-cookie A Vue.js plugin for manipulating cookies www.npmjs.com 쿠키 사용법 // 'id'라는 Name과 'jain'라는 Value를 가지고 있고 하루 후에 만료되는 쿠키를 만든다. this.$cookie.set('id', 'jain', 1..
v-for 을 쓰지 않은 pagination 처리는 뷰 부트스트랩 공식홈페이지에서도 나와있다. https://bootstrap-vue.org/docs/components/pagination#pagination BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org 하지만 v-for를 사용해서 pagination처리를 해주고 싶을 때, 아래와 같이 해주면 된다. 루프를 돌릴 때 미리 computed를 통해 perPage 만큼씩 나눠주면 된다. {{ list.name }} 참고 : https://github.com/bootstrap-vue/bootstrap-vue/issues/2133 " data-og-host=..
window.location.reload(true); 이것하면 된다 !!!!
router-linke to로 된 nav 클릭 시, 회원정보가 있으면 router-link :to 로 목록을 보이게 하고싶고, 없으면 메인으로 돌아오게 하고싶다!! 즉, router-link to 클릭 시 메소드로 연결해주고 싶을 때 ! 여러 방법을 써봤으나 안되다가 찾은 방법 아래와 같이 해주면 된다. 커뮤니티 checkUserAddr(e) { if (!this.userInfo) { e.preventDefault(); alert("로그인 후 이용가능합니다."); this.$router.push({ name: "Main" }); } }
vuex Vue.js application 에 대한 상태관리패턴 + 라이브러리 (https://vuex.vuejs.org/) application 모든 component들의 중앙 저장소 역할 (데이터 관리) 상위(부모) 하위(자식)의 단계가 많이 복잡해진다면 데이터 전달하는 부분이 매우 복잡 application이 여러 구성요소로 구성되고 더 커지는 경우 데이터를 공유하는 문제가 발생 상태관리패턴 상태(data())는 앱을 작동하는 원본 소스 뷰(template)는 상태의 선언적 매핑 액션(methods)은 뷰에서 사용자 입력에 대해 반응적으로 상태를 바꾸는 방법 단방향으로 데이터의 흐름이 진행된다. vuex의 핵심 컨셉 이해 vuex 저장소 개념 State : 단일 상태 트리를 사용. applicati..
개발자 도구에 Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. 라는 에러가 떴다. 알고보니 root를 하나로 설정해야 하는 규칙을 위배해서 생기는 에러이다. 따라서 Template 바로 아래에 태그를 추가해 감싸주면 된다.
- Total
- Today
- Yesterday
- 백준파이썬
- 백준
- yoloV3
- poker swea
- 우분투
- 프로그래머스
- 메뉴리뉴얼 풀이
- 프로그래머스 더 맵게
- 3996 자바
- SWEA
- union-find
- swea 타일링
- 타일링 자바
- 더 맵게
- 파이썬
- ubuntu
- swea 1240
- 백준 17144
- swea 4070 타일링
- 프로그래머스 파이썬
- swea 1240 자바
- 백준 풀이
- 프로그래머스 자바
- 1240 자바
- 파이썬 풀이
- 백준 dp 문제
- swea 타일링 자바
- SSAFY
- 삼성청년SW아카데미
- 1699 자바
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |