Windows Cygwin
Windows 환경에서 cygwin으로 Linux CLI 명령어 사용하기cygwin은 Windows 환경에서 콘솔창으로 Linux 명령과 bash sell 환경을 제공하여 사용 할 수 있게 해주는 프로그램이다. Unix, Linux, mac OSX 의 환경의 콘솔 명령어는 Unix를 기반으로 두고 있기 때문에 동일한 CLI를 제공한다.하지만 Windows는
아카이브: 2017/3
Mac Homebrew
Homebrew(홈브류)로 OS X 패키지 관리하기OS X 은 기본적으로 wget 명령을 내장하고 있지 않아 기본으로 제공하지 않는 패키들이 필요할 경우 수동으로 하나씩 다운받아 설치해야 한다.하지만 macOS 환경에서 이런것들을 편리하게 관리할수 있는 패키지 관리자가 있는데 그중 하나가 Homebrew란 패키지 관리자이다. Homebrew 설치Termi
HTTPS OpenSSL 인증서 테스트 구현
HTTPS 서버 구축시 인증서 테스트 구현HTTS는 HTTP 보안 프로토콜이다. http로 전송되는 데이터를 암호화해서 보안을 위해서 최근에는 로그인이나 API 등 보안에 민감한 요청은 https를 사용한다. https에서 s는 secure socket을 사용을 의미한다. https는 인증서를 등록해서 사용하는데 최신 브라우저에서는 https로 접근하면 보
Javascript Module Pattern
JavaScript 모듈 패턴을 이용한 window 객체의 프로퍼티로 추가각각의 자바스크립트 파일을 모듈화 하여, 즉시 실행 함수로 실행하고, 실행하여 생성된 생성자 함수를 전역 객체인 window 객체의 프로퍼티로 추가하여 접근하는 방법이다.export를 통해 프로퍼티를 추가할수 있다. 12345678(function(exports) { expo
Javascript include
JavaScript 외부 소스 코드 삽입eval() eval() 는 전역 객체의 함수 프로퍼티 이다.eval() 함수를 실행하면 자바스크립트 소스 코드를 동적으로 로드하여 실행할 수 있다.하지만 eval 함수로는 보안상 위험이 존재하기 때문에 안티패턴에 속한다.그리고 eval 함수 이외에도 동적으로 자바스크립트 소스 코드를 실행 할 수 있는 방법이 많이 존
Windows Folder Delete
파일 항목을 삭제할 수 없습니다. [원본 파일이나 디스크에서 읽을 수 없습니다] 삭제 오류 시 삭제 방법윈도우 에서 폴더 삭제 시 파일명이 길거나 파일 항목을 삭제할수 없습니다란 삭제 오류 경고창이 나면서 삭제가 안되는 경우가 있다.이런 경우에 cmd창에 아래 명령어를 입력한다. 1$ rmdir /s {폴더명} 이후 계속하시겠습니까?란
Javascript Form Parameter
JavaScript form parameter 데이터값 전송시 처리 방법form은 서버에 url 전송시 action에 파라미터값까지 처리하면 브라우저에서 제대로 작동하지 않는다.사용자가 입력하거나 선택하는 정보는 아니지만 폼 전송이 같이 전송해줘야 하는 정보를 담기 위해서 히든 필드(Hidden Field)를 사용해야 한다.hidden 필드는 화면에 출력되
ionic-v2 Directory Structure
ionic v2 디렉토리 구조ionic –v2 의 폴더구조 및 환경설정 파일은 다음과 같다. 123456789101112|-[myApp]|--[app]|--[hooks]|--[node_modules]|--[platforms]|--[plugins]|--[typings]|--[www]|--config.xml|--package.json|--tsconfig.jso
css3 Text Overflow
CSS 한줄 말줄임 처리하기말 줄임 처리 방식은 크게 두 가지로 나뉠 수 있다.첫째는 프론트엔드(스크립트)단이나 서버사이드(백엔드)단에서 글자수를 기준으로 자르는 방법이고, 둘째는 CSS를 이용해 정해진 너비 값을 기준으로 자르는 방법이다.CSS를 이용한 방법은 구현 방법이 간단하고 성능에 영향을 주지 않아 글자수를 기준으로 자르는 방법보다 더 선호되고 있
CSS3 Calc
CSS 자동 계산 calc() 속성calc() 함수는 이름에서 보듯이 계산을 해주는 속성인데 기존에 자바스크립트로 하던 계산을 상당 부분 덜어줄수 있다.width, height, font-size, margin, padding 값의 길이를 계산할때나 각도, 수치, 변형(transition), 사운드 재생 횟수, 애니메이션 처리시 사용 한다.이를 표현하기 위