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..

지금까지 있었던 일들 6월 말 ~ 7월 - 이직 - AI connect VQA 대회(KoBERT + efficient net) 7월 초 ~ 7월 중순 - Vuexy를 활용한 newlearn 사이트 프론트 구축 7월 말 ~ 8월 초 - HTML5 Canvas를 이용하여 interactive development 공부 - Dart open api를 활용하여 공시 crawling - 휴가(8월 부터 대구에 쭉 있음. 아마 백신 접종일 이후까지(9월 6일)) - 친구들 vue 공부 시켜줌(1주일간)

ML 과제를 해결할 때, GPU 자원을 다른 사람들과 나누어 써야하는 일이 종종 있다. 보통 jupyter lab(notebook)을 사용해서 협업할 수 있는 환경을 구축하고, anaconda의 가상환경을 만들어 서로의 작업에 영향을 미치지 않도록 한다. 이 때, anaconda의 가상환경을 jupyter notebook의 ipynb kernel에 연결하여야, terminal에서만 접근가능했던 가상환경 세팅이 .ipynb에서 사용가능하다. (*참고* 만약 다른 사람과 협업을 하는 상황이 아니라면, 원하는 가상환경으로 activate한 후에, jupyter notebook(lab)을 실행하고 접근하면 된다) 기본 연결 방법 1. 가상환경 생성 conda create -n {가상환경 이름} python =파..

MariaDB + Node.js + express.js 를 사용하여 API서버 - DB서버를 사용하고 있었다. 그런데 한 번씩 API 서버에서 DB서버로 query를 전달하지 못하는 현상이 발생했다. conn = await pool.getConnection(); pool.getConnection에서 10초동안 connection을 반환하지 않았고, 이 시간이 설정되어있는 acquireTimeout을 넘어가서 에러를 띄우는 것이었다. pool.on("acquire", (conn) => { console.log(`acquire ${conn.threadId} has been acquire in pool`); console.log("acquire pool.activeConnections()", pool.acti..

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)으로 지..

개발, 음악, 촬영 과정 중에 제가 알게된 것, 느끼게 된 것을 정리합니다. 찾아오신 분들에게 도움이 되었으면 좋겠습니다. 개발 Front-end Vue.js / Nuxt.js CSS Back-end Node.js Express Mobile Android ML Tensorflow Dev-ops AWS 음악 DAW Cubase Instrument Piano A.Guitar E.Guitar other Virtual Instrument (VST) Compose Record 촬영 Camera: Sony a-6400 Lens SELP1650 (E 표준 줌렌즈) SEL35f18 (E 표준 단렌즈)