My Web Story

IT/VUE

[VUE.JS] 페이징 처리 컴포넌트

FRONT (pagenation.vue) mdi-chevron-left {{pageNum}} mdi-chevron-right BACK(getTestPagination API) with MySQL async getTestPagination(req, res) { console.log("getTestPagination API") let { type, limit, offset } = req.query let com_id = req.session.comInfo.com_id // 보여지는 갯수 만큼 곱하기 if (offset > 0) { offset *= limit } try { let sql = ` SELECT a.idx, a.title, a.content, a.regdate, al.total_count tota..

IT/VUE

[VUE.JS] vue.js 설치 / vuetify설치 방법

**설치 진행시 권한문제때문에 에러가 날수있습니다. 권한문제 에러시 명령어 앞에 sudo를 추가하여 진행해주세요. 1. yarn 설치 npm install -g yarn //권한 문제시 sudo npm install -g yarn 2. vue-cli설치 npm install -g @vue/cli // vue버전 확인 vue --version 3. 프로젝트 폴더 생성 mkdir 프로젝트명 4. vue front폴더 생성 vue create 프론트폴더명 : npm / default 선택 5. 해당 프로젝트로 이동 cd 프로젝트명 6. 서버시작 npm run serve : 종료는 ctl+c 7. vuetify설치 => 서버 실행시 뷰티파이 화면으로 바뀐다. vue add vuetify : default 선택 ..