목록Vue & Nuxt.js (13)
Mi Lugarcito
setInterval 예제1 const token_check_time = 60000 if (this.$user.isLogin === true){ this.$tokenAxios.get('/user/getUserInfo') setInterval(()=>{ this.$tokenAxios.get('/user/getUserInfo') }, token_check_time) } this.passwordAuthProc = setInterval(()=>{ console.log("interval"); function numberFill(number){ return ("0"+number).substr(-2,2); } this.passwordAuthTime.date = new Date(this.passwordAuthTime...
Computed 예시 참조하고 있는 값이 변경될때마다 정의한 계산식에 따라 값을 출력함 이전 {{ pageNum + 1 }} / {{ pageCount || 0 }} 다음 computed:{ pageCount () { let listLeng = this.user_data.product_list.length, listSize = this.pageSize, page = Math.floor(listLeng / listSize); if (listLeng % listSize > 0) { page += 1; return page; } }, } Watch 예시 지정한 대상의 값이 변경될때마다 정의한 함수가 실행된다. data(){ return{ modal_state: { // 모달 상태 point: false, po..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
Store Flow 공부 //$user.isLogin 이 역할이 뭔지?? //state 이 역할이 뭔지??? $user 풀어보면 아래와 같음 { "email": "qkrdmstlf292@naver.com", "name": "네이버 박은실", "login_type": 0, "isLogin": true } ====>store->user안에 있는 state 를 뜻함 export const state = () => ({ email: "", name: "", login_type: 0, isLogin: false }); //commit & mutations this.$store.commit("auth/SET_TOKEN", res.data.data.token); export const mutations = { INI..
productUploadImg & productUpload api 2개를 호출함 api -> router 확인하기 productUpload 라는 multer를 먼저 탄다->postProduct & postProductImg 멀터 다같이 핸들링함 productStorage에서 검사 먼저 하고 이후 postProduct / postProductImg (editor 관련) 라는 api를 백단에서 타고 프론트에서 postProduct api 호출한 것에 있어서 예외처리 해준다 & postProductImg는 이미 에디터에서 사진 업로드 완료 전에 멀터에서 용량 먼저 체크후 업로드 제한해줌 참고할 파일들
부모 페이지 -> 자식 컴포넌트로 넘겨주는 관계 & Prop의 형태는 ":" 임 자식 컴포넌트에서 -> 부모페이지로 넘겨주는 관계 & EMIT 의 형태는 "@" 임