웹 개발/Vue.js (4) 썸네일형 리스트형 Vue.js) vue-cli → vite 변환 작업 1. vite 설치 $ npm install -D vite devDependencies에 넣기 2. 불필요한 의존성 삭제 babel 관련 패키지 vue-cli 관련 패키지 @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/cli-plugin-router @vue/cli-plugin-vuex @vue/cli-service sass-loader (sass만 있으면 된다) 3. package.json에 스크립트 수정 ... "scripts": { "serve": "vite", "build:dev": "vite build --mode dev", "build:stage": "vite build --mode stage", "build": "vite build", "lint":.. Vue.js) Nuxt.js 란 무엇인가 작년 6월에 어떠한 계기(?)로 급하게 이직 준비를 하고 8월에 새로운 회사로 이직했다. 그동안 배우고 활용했던 React 개발자를 채용하는 자리였기 때문에 순탄하게 이직할 수 있었던 것 같은데 신기하게도 업무는 vue.js로만 하게 되었다. 그래서 불만이라기 보다는 새로운 걸 배워서 오히려 좋아~ 상태이다, 바쁘기도 하고 급하게 이직하면서 쉬지 않고 달리는 기분이었는데 새 직장 6개월차인 지금은 많이 적응을 해서 요즘에는 김영하 작가의 낭독회 영상들을 보며 글쓰기에 다시 흥미가 생겼다. 주절주절 말이 많지만 이번 글은 나의 사수님이 요새 공부를 해야한다고 자극을 준 Nust.js라는걸 월말 오프가 된 기념으로 좀 찾아보면서 정리하려고 쓰는 것이다. 박찬호된 기분. Nust.js란 무엇인가 React 에.. Vue.js) vue-router parameter로 객체 전달하기 내가 봐야돼!!! https://empty-castle.tistory.com/8 Vue.js) vue-router 이동시 새탭으로 열기 router.push 또는 replace 등으로 이동하는데 새탭으로 열고 싶을 때 이렇게 하면 된다. const routeData = router.resolve({ name: 'route-name', params: { ... } }); window.open(routeData.href, '_blank'); References https://stackoverflow.com/questions/40015037/can-vue-router-open-a-link-in-a-new-tab 이전 1 다음