공부
-
윈도우10 디스플레이 확장공부/기타 2020. 2. 23. 04:32
현재 사용 가능한 디스플레이는 4종류가 있다. 서피스북2의 디스플레이 27인치 LG 모니터(usb-c 타입) 아이패드 프로2 10.5 서피스 프로7의 디스플레이 집에서 작업을 할 때 4개의 디스플레이를 모두 활용할 수 있다면 좋을 것 같아 Duet Display의 Air를 활용하여 시도해 보았으나 Duet Display 앱으로는 유선, 무선 동시 연결이 불가능하였다. 하지만 의외로 해답은 간단했다. 윈도우10의 기본 기능인 연결을 사용하면 별도의 어플리케이션을 설치할 필요 없이 다른 노트북을 서브 모니터로 사용할 수 있다. Duet Air와 같이 절전모드로 변경되지어 화면이 꺼지는 일도 없었다. 다만 동적인 화면은 다소 매끄럽지 않게 나타날 때가 있다. 따라서 동적인 화면의 경우에는 모니터에 표시하거나 ..
-
Duet Air 테스트공부/기타 2020. 2. 15. 04:42
맥북을 사용하던 시절에 아이패드를 서브 모니터로 활용하기 위해 Duet Display를 사용했었다. 윈도우 노트북에서는 Duet Display를 설치하였다가 블루스크린 경험을 한 적이 있어, 그 후에는 윈도우에서는 Twomon USB를 사용했었다. 더 이상 맥북을 사용하지 않아 오랜 기간 Duet Display를 사용하지 않고 있었지만, 최근 서피스프로 7을 구매한 후 Twomon USB를 설치하려고 하니 Twomon USB를 설치하면 다양한 가상 디바이스들이 설치되는 것이 마음에 들지 않고 iTunes도 설치해야 하는게 귀찮기도 하여 Twomon USB 대신에 Duet Display를 사용해 보기로 했다. Duet Display는 어플리케이션 하나만 설치하면 되었지만 iTunes를 설치하지 않은 것이 ..
-
asp.net mvc 5에서 vue.js 설정 및 사용하기 2공부/C# 2019. 8. 1. 23:36
전편에 이은 Hot Module Replacement 기능을 사용하기 위한 devServer 설정 방법입니다. 전편은 다음 링크를 참고하세요 ☞ https://logdirectory.tistory.com/12 asp.net mvc 5에서 vue.js 설정 및 사용하기 asp.net core의 경우에는 프레임워크 내에 SpaServices와 같은 라이브러리가 포함되어 있어 webpack 설정이 다소 용이해졌고 인터넷 조금 찾아보면 아래와 같이 템플릿으로 작성되어 있는 것들이 많이 있다. ※ Sp.. logdirectory.tistory.com ※ webpack devServer proxy의 상세 설정은 아래 링크를 통해 확인할 수 있다. https://webpack.js.org/configuration/d..
-
asp.net mvc 5에서 vue.js 설정 및 사용하기공부/C# 2019. 7. 30. 00:11
asp.net core의 경우에는 프레임워크 내에 SpaServices와 같은 라이브러리가 포함되어 있어 webpack 설정이 다소 용이해졌고 인터넷 조금 찾아보면 아래와 같이 템플릿으로 작성되어 있는 것들이 많이 있다. ※ SpaServices : https://github.com/aspnet/AspNetCore/tree/master/src/Middleware/SpaServices ※ SpaServices를 사용한 템플릿 : https://github.com/TrilonIO/aspnetcore-Vue-starter 하지만 회사에서는 항상 원하는 버전을 선택할 수 없는 제약이 있어 asp.net core가 아닌 기존의 asp.net mvc5로 어플리케이션을 작성해야만 했다. asp.net mvc5의 경우..
-
jsfiddle에서 npm 라이브러리 참조하기공부/언젠가 필요할지도... 2019. 7. 26. 19:13
jsfiddle.net에서 사용하기 위해 prosemirror의 cdn 경로를 찾아보았으나 존재하지 않는 듯하여 구글에 물어보니 아래 사이트를 이용하면 참조로 추가할 수 있었다. https://unpkg.com/ UNPKG unpkgunpkg is a fast, global content delivery network for everything on npm. Use it to quickly and easily load any file from any package using a URL like:unpkg.com/:package@:version/:file Examples Using a fixed version: You may also use a semver range or a unpkg.com 예를 들어 ..
-
Prosemirror 개발 환경 설정공부/언젠가 필요할지도... 2019. 7. 26. 18:49
시스템 운영하다 보면 웹에디터에 신규기능추가 및 기존기능수정 요청이 간간히 발생하지만 오픈소스 에디터를 주로 사용하다 보니 추가 및 수정이 간단하지 않은 경우가 많다. 매번 신규 개발 할 때마다 어떤 에디터를 사용할까. 요즘에는 이 에디터가 잘 나간다는데.. 현재 사용 중인 자바스크립트 프레임워크에 잘 호환되는 에디터는 무엇일까. 등등.. 에디터 선택에 대한 고민을 하게 된다. 내 입맛대로 수정해서 쓸 수 있는 에디터를 하나쯤 갖고 싶다라는 생각을 하던 중 발견한 것이 prosemirror 인데 레고 처럼 조립해서 쓸 수 있다라는 데서 한 번 도전해 볼까? 의욕이 생겼지만... http://prosemirror.net/ ProseMirror In-browser structured text editing ..
-
webpack 삽질기공부/언젠가 필요할지도... 2019. 7. 25. 15:56
webpack을 사용해 보기 html-webpack-plugin을 플러그인에 추가하니 아래와 같은 에러가 계속 발생하고 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 ERROR in Error: C:\workspace\temp\babel\node_modules\html-webpack-plugin\default_index.ejs:207 var TAG = __webpack_require__(/*! ./_wks */ "./node_modules/core-js/modules/_wks.js")('toStringTag'); // ES3 wro..
-
아이콘 만들기공부/언젠가 필요할지도... 2019. 7. 25. 15:07
webpack 가이드 문서를 읽어보던 중 버전 아이콘링크를 보니 아래와 같은 링크를 사용하고 있다. 1 2 3 4 5 Colored by Color Scripter cs 아이콘의 동적 생성은 아래 사이트를 이용하고 있었다 https://shields.io/ 내부 소스 관리 서버에는 접근하지 못하는 관계로 사내에서 동적 생성은 불가능해 보이지만... 간단히 아래와 같은 아이콘을 만들어 볼 수 있었다. 1 cs 언젠가 좀 더 유용하게 쓸 데가 있을지도 모르겠다.