Javascript Video Custom Controls
JavaScript를 활용한 HTML5 Video 네이티브 커스텀 컨트롤 만들기커스텀 컨트롤을 만들기 위해서는 우선 브라우저에서 자체 제공하는 네이티브 컨트롤을 감춰야 한다.Video 엘리먼트의 속성중 controls에 false 값을 주면 브라우저가 알아서 네이티브 컨트롤을 숨길수 있다.(controls 속성은 default 값이 false이기 때문에 아
아카이브: 2017/4
Javascript Bookmark
JavaScript 즐겨찾기(Bookmark) 기능 구현하기북마크(즐겨찾기로 알려진)는 웹페이지를 브라우저에 저장해두고 바로가기를 하는 기능이다.필요에 따라 수동으로 사용자가 언제든지 페이지를 즐겨찾기에 추가할 수 있지만, 자바스크립트로 제어하는 방법을 정리한다. 브라우저 지원사항 IE: 모든 브라우저 지원 Chrome: 단축키 알림을 띄움 Firefox
Visualstudio Application
Visual Studio 2017 응용 프로그램 만들기비주얼 스튜디오를 이용하면 손쉽고 간단하게 .msi 나 .exe 인 윈도우 응용 프로그램을 개발할 수 있다.Visual Studio 2017 Pro 버전으로 설치해서 진행하였으며 진행했던 과정을 정리한다. 비주얼 스튜디오에서 응용 프로그램 설치 배포 방법은 크게 2가지로 나눠진다. 인스톨실드(Insta
Windows Digital Signature
사설 인증서로 실행 파일 전자서명(디지털서명, digital signature, 코드 사이닝, 코드 사인, code sign) 하기응용 프로그램을 만들어 서버에 업로드 후 배포를 하게 되면 다운로드를 받거나 다운로드 받은 응용 프로그램을 다른 컴퓨터에서 실행할려고 하면 출처가 불명확한 게시자없음으로 인해 악성 프로그램으로 인식하게 된다.그래서 이를 해결할려
Windows Icon ShortCut
Windows 환경에서 바탕화면 아이콘 설치 프로그램 생성윈도우 환경에서 바로가기 아이콘 생성하는 과정을 정리한다.바탕화면에 바로가기 아이콘 기능을 사용하려면 Application Shortcut 은 확장자가 .link / 인터넷 바로가기는 .url 파일로 구성 된다. 인터넷 바로가기 아이콘 샘플 코드 12345// test.url[Internet
EcmaScript2015 Syntax
ECMAScript2015(ES6) 기초 문법ECMAScript 2015에는 많은 기능들이 추가 되었는데 그 중에 몇가지 기본적인 문법들을 정리해 본다. let/const에 의한 블록 스코프 Map/Set/WeakMap/WeakSet에 의한 컬렉션 형을 정의하는 클래스 제너레이터/for..of Promises
Node.js NPM CLI
NPM(Node Package Manager) CLI 명령어npm(Node Package Manager)은 두가지의 주요 기능을 지니고 있다. NPMSearch 에서 탐색 가능한 Node.js 패키지/모듈 저장소 Node.js 패키지 설치 및 버전 / 호환성 관리를 할 수 있는 커맨드라인 유틸리티 npm 명령어는 명령 프롬프트에 입력하
Mac Bootcamp 설치하기
시에라(Sierra) 부트캠프 윈도우 10 설치부트캠프란 맥에 윈도우를 설치해서 멀티부팅을 사용할 수 있게 제공 해주는 도구 이다.Mac OS 시에라(Sierra) 버전에서 부트캠프 윈도우10을 설치한 내용을 정리한 사항이다.설치 전 부트캠프 자료를 찾아보니 엘 캐피탄 이상 버전부터는 USB 없이 부트캠프 설치가 가능하다고 한다. 윈도우 iso 이미지 선택
ionic-v1 disabled tel anchor 이슈
ionic v1 Disable Telephone Anchor(자동생성 tel 링크 태그 비활성화 하기)iOS 계열에서 나타나는 이슈로 iOS UI WebView 에서 특정 형식의 데이터(숫자)를 감지하여 전화 연결 태그(tel)를 자동으로 추가시켜 렌더링이 된다. 마크업 코드 12<span>테스트</span><span>957
Webstorm CSS Analysis Path
Webstorm CSS Analysis background 이미지 경로 에러 해결하기webstorm 에서 CSS 코드 작성시 이미지 경로를 절대경로로 작업하다보면 CSS의 Analysis 밸리데이션 기능이 루트 디렉토리를 제대로 찾지 못해 아래와 같이 에러 표시를 나타내게 될 때가 있다. 실제 개발적용시에는 문제가 없지만 왠지 에러 표시가 계속 신경쓰이거