개발모음집

generate하여 정적페이지를 생성하면, 갑자기 한글깨짐현상이 생긴다. dist/index.html 파일에 태그내에 아래와 같이 한글을 설정해주면 됨

1. 출처: https://vuetifyjs.com/ko/components/textarea 2. v-for 안에 v-model 쓸 때 v-model에 item 자체를 적으면 "You are binding v-model directly to a v-for iteration alias." error 발생. 출처 : https://forum.vuejs.org/t/v-for-v-model/29101 3. Cannot convert undefined or null to object 해결 Object.assign(this.values[this.editedIndex-1], this.editedItem); // => this.values[tihs.editedIndex]하면 index가 없는 index라서 에러났던 것..

nuxt generate로 정적페이지를 만들어 배포시 nuxtServerInit이 안되는 문제가 있었음. pm2에서 배포하도록 변경함

설치 npm install vue-chartjs chart.js --save 참고 : https://github.com/apertureless/vue-chartjs 코드는 공홈보면 잘 나와있음. 출처 : https://vue-chartjs.org/guide/#example **에러** cannot read property 'getcontext' of undefined chartjs 조심해야할 점 vue-chartjs 사용시 코드에 영역이 필요없다.

module.exports = { head: { title: 's', }, modules: [ '@nuxtjs/axios', 'nuxt-material-design-icons', ], buildModules: [ '@nuxtjs/vuetify', ], vuetify: {}, axios: { browserBaseURL: 'https://s.co.kr/', baseURL: 'https://s.co.kr/', https: true, }, server: { port: 7777, }, }; 포트도 열려있었는데 에러가 발생 server 안에 host: '0.0.0.0' 를 넣으면 됨 module.exports = { head: { title: 's', }, modules: [ '@nuxtjs/axios', 'nux..

- middleware/httpCheck.js export default ({ req, store }) => { if (process.server) { const ip = req.connection.remoteAddress || req.socket.remoteAddress; const userAgent = req.headers['user-agent']; const referer = req.headers['referer']; } }

1. vue-lottie, lottie-web install # npm i vue-lottie # npm i lottie-web 2. 로띠 파일을 보여줄 코드인 lottie.vue 파일을 생성해준다. 출처 : https://github.com/chenqingspring/vue-lottie/blob/master/src/lottie.vue 3. 라이브러리 가이드대로 따라한다. (로띠로 이미지보여줄 json파일도 다운받아야함 https://lottiefiles.com/popular) 참고:https://www.npmjs.com/package/vue-lottie 조심해야할 점 data - defaultOptions: {animationData: animationData} 를 defaultOptions: {ani..

vuetify 예제를 보면서 웹페이지를 만들고 있는데, 예제에 있는 버튼들이 보이지 않았다. 알고보니 Vuetify의 예제들은 일반 버튼을 쓰는게 아니라 material design의 버튼을 쓰는 것이었다. 1. npm 으로 material-design-icons-iconfont 를 설치해준다. # npm install material-design-icons-iconfont 2. // src/plugins/vuetify.js 에 아래와 같이 변경해준다. // src/plugins/vuetify.js // Ensure you are using css-loader import 'material-design-icons-iconfont/dist/material-design-icons.css' import Vue..