앙큼한 개발기록

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

오류 기록용 현상 - 나같은 경우 naver object storage 를 사용하여 이미지 데이터를 관리하는 기능을 구현하던 중 발생 - 이미지가 업로드 되지 않고 해당 오류가 지속적으로 나옴. 원인 - 해당 오류는 버킷의 리전을 확인해 보는 과정에서 발생하는 오류 - 리전이 다른지 확인 필요 해결 - 일반적으로 사용되는 'ap-northeast-2'에서 'kr-standard'로 바꾸니 해결.

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를 써보면서 프레임워크에서 선언된 컴포넌트들의 스타일을 바꾸는데 애를 많이 먹었다. 많이 바꾸는 것도 아니고 높이 조절이나 폭 조절, 색상 변경 등과 같이 기본적인 부분을 바꾸는 것도 하나하나 확인 하면서 고치기가 여간 힘들어 정리해 보고자 한..

window form 프로그램들을 보면 작은 아이콘으로 되어 있는 것들을 볼 수 있다. 이러한 아이콘들을 tray icon 이라고 하는데 오늘은 내가 window form 프로그램을 개발하면서 trayicon을 설정하는 방법에 대해 정리해 보고자 한다. 1. notifyicon 설정 처음에 시작되는 form.cs의 디자인에서 [도구상자] - [검색] - [notifyicon]을 하면 나오는 도구 상자 항목을 클릭해서 폼에 넣어 준다. 우클릭 속성을 통해 이것저것 설정해 준다. 난 이름이랑 텍스트랑 아이콘만 설정한다. (아이콘을 미 설정하면 아무것도 안나온다. form이랑 다르게 기본 아이콘이 없는것 같다.) 아이콘은 인터넷에 free ico치면 많이 나오는데 그중에서 인쇄모양의 아이콘을 가져다 썼다. n..

릴리즈모드로 프로그램을 디버깅 하면서 실제 프로그램과 포트가 충돌나는 경우가 생겼다. 동일한 프로그램이 여러개 뜰수 있다는 생각을 못하다가 이번에 동일 프로그램에 대한 프로세스를 띄우지 못하게 하는 방법에 대해 정리 해보고자 한다. using System.Diagnostics; namespace WinFormsApp1 { internal static class Program { /// /// The main entry point for the application. /// [STAThread] static void Main() { // To customize application configuration such as set high DPI settings or default font, // see ht..

가끔 쓰여 쓸때마다 까먹는 white-space의 속성들 오늘 깔끔하게 정리해 보자. 참고: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space white-space - CSS: Cascading Style Sheets | MDN The white-space CSS property sets how white space inside an element is handled. developer.mozilla.org white-space 속성 white-space: normal; white-space: nowrap; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: b..

만들어진 프로그램을 업데이트 하면서 프로젝트를 가져와 빌드를 하는데 이유 없이 빌드 실패 매세지만 나오는 경우가 있다. 나같은 경우에는 빌드에 필요한 manifest파일이 없어서 생기는 오류로 매니페스트 파일이 필요 하다면 매니페스트 파일을 추가하고 필요 없다면 빌드 속성에서 없이 빌드를 진행하면 된다. 1. 메니 페스트 파일을 추가 하는 방법 - 우클릭 파일 추가 프로젝트에서 [우클릭] - [추가] - [새항목] winform의 메니페스트 파일 추가 - 속성에서 ClickOnce 보안 설정 클릭 해지 프로젝트에서 [우클릭] - [속성] 으로 들어가서 보안의 [ClickOnce 보안 설정 사용] 체크 후 해지 하면 속성 [Properties]에 app.manifest 파일이 추가 되어 있다. 이렇게 매니..

url, host, serialport 등등 상수를 저장하고 해당 값을 호출 할때 txt 파일과 ini 파일로 저장하여 데이터를 호출 및 저장하면 window 외부에서 파일을 열어 수정도 가능하고 static한 데이터를 읽고 쓰고 수정하기 편리하다. txt파일도 일고 쓰기가 가능하지만 key, value 쌍으로 가지고 있는 ini 파일이 읽고 쓰기가 더 편리하다. 오늘은 ini 파일을 읽고 쓰는 코드를 정리해 보고자 블로그 글을 작성한다. 소스 코드는 다음과 같다. iniConfig.cs using System.Collections.Generic; using System.Runtime.InteropServices; using System.Text; using System.Windows.Forms; usi..

프로젝트에서 관리자 권한이 필요한 경우가 있다. 관리자 권한을 부여하는 방법은 2가지가 있다. 1. 프로그램에서 관리자 권한을 요청하여 수락하는경우 2. 프로젝트 자체를 관리자 권한으로 실행하도록 하는 경우 관리자 권한을 요청하는 경우에는 프로그램을 시작할때 프로세스를 띄워 권한을 수령하고 시작하는 방법이다 Program.cs internal static class Program { /// /// 해당 애플리케이션의 주 진입점입니다. /// [STAThread] static void Main() { if (IsAdministrator() == false) { try { ProcessStartInfo procInfo = new ProcessStartInfo(); procInfo.UseShellExecute..