앙큼한 개발기록

vuejs에서 naver storage를 이용하기위해 'aws-sdk'를 사용하여 이미지를 업로드 하려고 하니 CORS 오류가 빵빵 터졌다. 처음에 클라이언트에서 bucket의 cors 조건을 변경하려고 시도해 봤으나 실패. cors는 서버에서 연결해서 바꾸어 주니까 해결 되더라.. 왜 그런지는 좀더 찾아보겠음. nodejs에서 naver storage (aws) aws-sdk 를 이용한 cors 조건 (전체) 열기 'use strict' const env = process.env.NODE_ENV || 'development' const storage_url = 'kr.object.ncloudstorage.com' const region = 'kr-standard' const AWS = require('..

v-select https://vuetifyjs.com/en/components/selects/ vuetify를 쓰면서 selectbox를 변경하는게 가장 어려웠던거 같다... 아래의 코드를 global css 에 적용하고 높이와 색상을 조절하면 편리하다. .v-select { flex: none; // 기본 값이 1로 되어 있어서 width를 줘도 먹지 않을 수 있다. .v-input__control { height: 33px; // 내가 원하는 높이 width: inherit; .v-input__slot { min-height: initial !important; width: inherit; margin: 0; } .v-select__slot { height: 33px; // 내가 원하는 높이 .v-..

내가 사용한 프레임 워크 vuetify v-text-field https://vuetifyjs.com/en/components/text-fields/ Vuetify — A Vue Component Framework Use the persistent-placeholder prop to force the placeholder to be visible, even when the input is not focused. vuetifyjs.com 이번에 처음으로 vuetify를 써보면서 프레임워크에서 선언된 컴포넌트들의 스타일을 바꾸는데 애를 많이 먹었다. 많이 바꾸는 것도 아니고 높이 조절이나 폭 조절, 색상 변경 등과 같이 기본적인 부분을 바꾸는 것도 하나하나 확인 하면서 고치기가 여간 힘들어 정리해 보고자 한..

테이블을 사용하면서 고객이 칼럼의 크기를 자유롭게 조절해 달라고 요청이 들어왔다. 기존에 사용하던 테이블 태그를 버리고 div를 이용해서 테이블의 컬럼을 자유롭게 조절할 수 있도록 구현 한 내용을 정리해 보고자 한다. 인터넷에 검색하니까 잘 안나오더라.. 처음에는 테이블을 구현하고 css 를 이용해서 resize 속성을 넣어서 좌우로 마우스를 이용해 조절하게 해놓았다. 이름 ... .. 근데 vue에서 v-on:resize 로 이벤트를 받을 수 없어서 이것 저것 찾던 중 resize 될때마다 호출 되게 할수 있고 resize에 대한 이벤트를 받을 수 있는 라이브러리가 있어서 적용했다. 내가 적용한 라이브러리 :vue-element-resize-detector https://www.npmjs.com/pac..

사용한 템플릿 : nuxt library - xlsx - file-saver 예제 소스 코드: 출력 {{ value }} {{ product.index }} {{ product.name }} {{ product.price }}