해나래

복사 / 붙여넣기선택 : R → 마우스 드래그복사 : Ctrl + C붙여넣기 : Ctrl + V선택영역이 Floating Layer로 전환됨Floating Layer를 새레이어로 : Ctrl + Shift + N 선택 / 선택해제선택 : R → 마우스 드래그선택해제 : Ctrl + Shift + A추가 : Shift + 선택제외 : Ctrl + 선택선택영역 외곽선 : 메뉴 [Select] → [Border]정사각형 그리기 : 선택 중 Shift기준점 가운데로 : 선택 중 CtrlFixed Size 그리기 : R → 메뉴 [Windows] → [Dockable Dialogs] → [Tool Options]Magic Wand (동일 색상으로 선택) : Shift + OMagic Wand (연속된 색상으로 선..

Vue 앱 개발 시 public 폴더에 이미지 등의 정적 파일을 저장할 수 있습니다. public 폴더에 저장된 파일들은 webpack에 의해 처리되지 않기 때문에, Vue 앱 개발 시 public 폴더의 파일에 접근하려면 특별한 접근방법이 필요합니다.public 폴더 내부 파일 접근public/index.html 파일에서 접근public/index.html 파일에서는 를 통해 pbulic 폴더의 파일에 접근할 수 있습니다.favicon.ico">Vue 파일에서 접근Vue 파일에서는 process.env.BASE_URL을 통해서 public 폴더에 접근할 수 있습니다.vue 파일 내부에서 public 폴더경로 정의data () { return { publicPath: process.en..

웹사이트를 Internet Explorer로 실행해야하는 경우가 있습니다. 예를들어 오래전에 개발된 업무용 웹사이트나 관리자페이지 또는 WPF 프로그램에 포함된 HTML 페이지들은 Internet Explorer 전용으로 개발된 경우가 많습니다.이러한 웹사이트는 Edge 브라우저의 IE Mode를 통해서 접속이 가능하지만, Internet Explorer를 실행하여 접속하는 방법도 존재합니다.WPF (혹은 WinForm) 프로젝트를 생성합니다.프로젝트의 [Depencies]를 선택하고 [Add Project Reference]를 선택합니다.COM을 선택하고 Microsoft Internet Controls를 추가합니다.Internet Explorer를 실행하시려면 아래와 같은 코드를 사용하세요.var i..

UWP로 개발된 윈도우 앱은 Packaged App 형태로 배포되었습니다. Packaged App은 MSIX 포멧으로 패키징 되며 Microsoft Store를 통해 간편하게 배포할 수 있습니다. 또한 운영체제에서 지원하는 Notification, Camera, Location, Live Tiles과 같은 기능을 사용할 수 있는 장점이 있습니다.하지만 사용자의 권한설정에 따라 리소스 사용에 제한을 받습니다. 이러한 제약 덕분에 대부분의 개발자들은 UWP를 사용한 Packaged App 개발을 선호하지 않았으며, 더욱 빠르게 실행되고 리소스 사용에 제한이 없는 WinForm이나 WPF 같은 도구를 사용했습니다.UWP Packaged App의 실패 덕분인지, WinUI3부터는 Unpackaged App 개발..

주택면적 표기방법 주택 면적을 표현하는 방법은 다양합니다. 예를들어 25평형인 83.39/59.88㎡ 아파트의 면적은 아래와 같은 의미를 가집니다. 구분 공급면적 전용면적 제곱미터(평방미터) 83.39㎡ 59.88㎡ 평(坪)으로 변환 25평 18평 * 정부는 법적으로 '전용면적'을 사용합니다. 따라서 83.39/59.88㎡ 아파트는 법적으로 "전용 59.88㎡"이라고 부르며 평수로는 18평입니다. 하지만 59.88㎡는 25평이라는 대중적인 인식이 있으므로, 부동산에서는 "전용59" 또는 "25평형"이라고 부릅니다. 계약면적, 공급면적, 전용면적, 공용면적, 서비스면적 계약면적 공급면적 주거전용면적 현관문 안쪽의 실내공간 (거실, 방, 주방) 주거공용면적 건물 내부의 공용공간 (현관문 밖의 엘리베이터, 계..

최신 Vue3 프로젝트생성 Vue3 Quick Start 참고 Vue 프로젝트 생성: 다음과 같은 npm 명령어 입력 npm create vue@latest Vue 3.9 기준으로 TypeScript, JSX, Vue Router, Pinia, Vitest 등을 기본적으로 적용하여 생성할 수 있어, 프로젝트 생성이 상당히 편리해짐 ✔ Project name: … ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application development? … No / Yes ✔ Add Pinia for state management? … No / Yes ✔ Add Vitest for Unit..

Vue를 배포할 때 map 파일이 생성되는 것을 방지하려면 다음과 같은 항목의 점검이 필요합니다. vue.config.js 파일 productionSourceMap : vue-cli 속성으로 ture로 설정하면 Vue 소스코드를 복원할 수 있는 map 파일이 생성됩니다. 기본 값은 true입니다. 이와 관련된 내용은 https://cli.vuejs.org/config/#productionsourcemap에서 확인할 수 있습니다. module.exports = defineConfig({ ... //production 모드일 때는 map 파일을 생성하지 않음 productionSourceMap: process.env.NODE_ENV != 'production', ... }) configureWebpack /..

ASP.NET Core프로젝트에 Client-Side를 담당할 Vue App을 추가하는 방법을 소개합니다. 개발도구 여기에서는 VisualStudio 2022, Vue3, ASP.NET Core 6, npm 9.5.1, @vue/cli 5.0.8을 기준으로 작성하였습니다. 프로젝트 구조 Vue Project를 관리하는 방법은 크게 2가지로 나뉩니다. 구조1. ASP.NET Core 프로젝트와 Vue 프로젝트를 분리 구조 2. ASP.NET Core 프로젝트의 ClientApp 폴더에 Vue 프로젝트를 포함 여기에서는 구조2를 기준으로 설명합니다. 진행방법 1단계. vue-cli로 Vue 프로젝트를 생성합니다. vue create projectname 2 단계. 생성된 Vue 프로젝트를 ASP.NET Co..

Accept Client가 받아들일 수 있는 데이터 형식을 Server에게 알려주기 위해 사용합니다. 예를들어 Client가 JSON 데이터만 해석할 수 있다면, Server로 요청을 보낼 때 "Accpet: application/json"을 헤더에 추가하면 됩니다. 그러면 Server는 Accpet 헤더 값을 읽고 응답 형식을 결정하는데 참고하게 됩니다. Content-Type HTTP Body에 포함된 데이터의 형식이 무엇인지 나타냅니다. 예를들어 HTTP Header에 "Content-Type: application/json"이 포함되어 있다면, 우리는 Body에 포함된 데이터가 JSON이라는 것을 알 수 있습니다. Client가 Server로 요청를 보낼 때 Header에 Content-Type을..

Node.js에서 React, Vue 등의 프로젝트를 빌드 할 때 발생하는 다음 오류에 대한 대응방법을 정리하였습니다. 오류내용 Node.js 버전 17 이상으로 업데이트 한 경우, 프로젝트 빌드 시 다음과 같은 오류가 발생할 수 있습니다. { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } 오류원인 Node.js는 버전 17부터 OpenSSL 3.0을 포함하게 되었습니다. OpenSSL 3.0은 허용하는 알고리즘과 Key 크..