stein.log

늘 AWS만 쓰다가 이번 기회에 처음으로 Azure를 쓰게 되었다. 현재 우리 사이트 구조가 Vue.js(FE) - Django(BE) - Azure(Storage) 로 넘어가는 구조다. 현재는 대용량 파일을 업로드 할 때 Django를 거치고, Azure로 업로드 하는 방식이어서 트래픽적으로도 손해였고, Django를 굴리는 서버 자체도 스케일 업을 해야할 수도 있는 상황이었다. 따라서 Vue.js에서 Azure Blob Storage로 바로 업로드 하는 방법을 찾게되었다. https://www.npmjs.com/package/vue-azure-blob-upload vue-azure-blob-upload VueJS service for multi-part uploading to MS Azure blob..

nuxt.config.js에 다음 코드들을 저장한다. buildModules:{ '@nuxtjs/axios', '@nuxtjs/auth-next' } auth: { strategies: { google: { clientId: configFile.client_id, // client_id는 노출되지 않게 따로 관리하기 위해 configFile에서 가져옴 codeChallengeMethod: '', responseType: ['token', 'id_token'], }, }, redirect: { login: '/login', logout: '/', callback: '/login', home: '/', }, }, 그리고 pages에 login.vue를 추가하여야 한다. (그렇지 않으면 로그인 후 /login..

https://vuetifyjs.com/en/components/ratings/ Rating component The star rating component is a specialized widget for collecting user feedback via ratings. vuetifyjs.com vuetify의 v-rating 컴포넌트는 mdi-icon을 사용하면 아주 편리하지만, custom icon을 사용하기에는 까다롭다. 본 포스팅에서는 v-rating에서 custom-icon을 사용법과 size 조절까지 알아본다. 1. custom icon 적용 위 코드 처럼 평범하게 작성하면 v-rating이 위와 같이같이 나온다(색상은 무시해달라). mdi-heart-outline(mdi-icon)으로 지..