Martin`s Work

echo 명령어 echo 명령어는 새로운 파일과 그 파일의 내용을 생성한다. 1$echo 'Project Start' > READMEcs 위와 같이 사용하며, 위의 명령어는 'README' 라는 파일을 생성하며, 그 안의 내용은 'Project Start' 라는 내용이 들어간다.

반응형 작업시 컨텐츠 비율 유지 반응형으로 작업할때, 이미지나 유튜브 동영상 등 비율을 유지하며 가변적으로 크기가 조절되는 레이아웃을 제작할 경우가 있다. 이러한 경우에 사용하면 된다. 1234567891011 body, div{ margin:0; padding:0;} .div{ margin:0; padding:0; overflow:hidden; } .child1{ float:left; width:50%; height:0; padding-top:50%; background-color:red; } .child2{ float:right; width:50%; height:0; padding-top:50%; background-color:blue; } 왼쪽 비율 유지 오른쪽 비율 유지 Colored by Col..

IE의 점유율이 점점 낮아졌다고는 해도, 아직까지 IE 하위 브라우저를 지원해야하는 경우도 있다. 상황에 따라 각 브라우저별 CSS 핵을 사용하되 되도록이면 핵을 사용안하고 코드를 짜는게 제일 좋다. 123456789101112131415161718 /* IE6 브라우저 핵 (_ 추가)*/ div { _background-color:red; } /* IE7 브라우저 핵 (* 추가) */ div{ *background-color:blue; } /* IE6, IE7 브라우저 동시적용 핵 (. 추가) */ div{ .background-color:purple; } /* IE8 브라우저 핵 (\0\IE8 추가) */ div{ background-color:green\0\IE8; } /* IE9 브라우저 핵 (\..

사용범위 대부분의 브라우저는 다 지원하되, IE의 경우는 IE9 이상부터 지원한다. 각 브라우저마다 사용하려면 -webkit-(Chrome, Safari), -moz-(Firefox), -o-(Opera) 그리고, IE9 이하의 브라우저를 대비한 css를 작성해야한다. 기능 calc 기능은 자바스크립트에서 계산하던 방식과 동일하게 사용할 수 있어, 자바스크립트로 처리하던 부분을 상당부분 줄일 수 있다. 다만, 하위 브라우저까지 고려해야한다는 단점이 있어, 상황에 맞게 사용하면 좋은 기능인듯 하다. 12345678910111213141516171819202122232425 #div{ position:absolute; left:50%; top:50%; margin-top:-50px\0/IE8; /* IE8 ..

Select태그 관련한 기능 jquery에서 select태그에 기능을 넣기 위해 Selctor의 Dom을 가져오기 위한 몇가지 방법이 있다. 실제 이러한 방법을 쓰는 경우를 써야하는 경우는 여러가지 이유가 있겠지만, 그 중 하나로는 디자인 Select박스를 써야하는 경우가 있다. 단순 css만 이용하는 경우(:checked 속성)는 하위 브라우저에서 호환성 문제가 되어 이러한 경우 스크립트로 처리해야한다는 상황을 가정하에 작업한다. 현재 선택된 option의 값 가져오기 아래와 같이 select의 자식들 option에게 value 값을 부여하지 않으면 선택1, 선택2, 선택3 등과 같은 option의 innerText를 가져오게 된다. 12345678910111213 선택1 선택2 선택3 var sele..

프로토타입의 개념 자바스크립트는 자바, C++, C#에서 제공하는 것과 같은 실제 클래스(true class)를 지원하지 않는 대신 모조 클래스(pseudoclass)를 정의할 수 있다. 모조클래스는 프로토타입 객체나 생성자 함수를 사용하여 구현할 수 있다. 자바스크립트의 모든 객체는 프로토타입이라고 불리는 또 다른 객체를 내부적으로 참조할 수 있다. 그리고 객체는 프로토타입의 프로퍼티들은 자신의 프로퍼티로 가져온다. 123var a = new Date(); Colored by Color Scriptercs 예를 들어서, 위와 같이 a 객체를 Date() 라는 생성자 함수를 이용하여 만들 경우, new 연산자는 객체a 의 프로토 타입을 설정하게 되는데, 객체 a 의 프로토 타입은 자신을 만들어낸 생성자 ..

마크다운 작성법 마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다. -위키백과- 1. 큰 제목 ( Header를 사용할 경우, h1-h6 까지만 지원) # Readme에 대한 제목입니다.## Readme에 대한 제목입니다.### Readme에 대한 제목입니다.#### Readme에 대한 제목입니다.##### Readme에 대한 제목입니다.###### Readme에 대한 제목입니다.####### Readme에 대한 제목입니다.

event.which Javascript에서 event.keyCode 를 하면 각 키보드에 해당하는 고유 번호를 알수있다.이 메소드가 Jquery에서는 event.which 으로 사용하게 된다. 1234$(document).keydown( function(event){ console.log(event.which);}) Colored by Color Scriptercs 위의 식대로 사용할 경우 각 키보드의 고유 번호를 알수 있으며, keydown 이벤트 외에도 사용할 수 있다.

정규표현식의 개념 정규표현식(영어로 regular expression, 간단히 regexp 또는 regex) 또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는데 사용하는 형식 언어이다. 정규 표현식은 많은 텍스트 편집기와 프로그래밍 언어에서 문자열의 검색과 치환을 위해 지원하고 있다. -위키 백과- 정규표현식은 조건에 맞는 문자열을 검색/치환/검사를 실행한다. 정규표현식의 3대 요소는 대상/조건/결과(실행) 이다. 정규표현식의 범주 1. 대상(정규표현식이 적용될 문자열)대상은 검색/치환/검사의 대상이 되는 문자열 값이다. 2. 조건(대상에 적용될 정규표현식)문자열(대상)에 의도한 검색 조건을 포함한 정규표현식 3. 결과(실행)검색/치환/검사를 행하는 메소드를 의미하며, 조건에 맡는 결과값을 나타..

외부에서 IP를 이용하여 내 IIS 서버에 접근하는법 IIS 서버를 이용하게 하여 외부에서 접근이 가능하도록 설정할 수가 있다. 외부에서 접근 방법은 개인 IP 주소를 치고 해당 PORT 번호를 입력하게 되면 외부에서도 접근이 가능하다. (예: 내 아이피가 123.123.1.23 일 경우, 해당 IP를 치면 기본 포트번호 80으로 접속이 가능하며, 그 외의 포트번호는 123.123.1.23:8080 등으로 접근이 가능하다.) 1. 제어판\시스템보안\Windows 방화벽\고급설정 클릭 2. 고급설정을 클릭하면 "고급 보안이 포함된 Windows 방화벽" 창이 뜬다. 해당 창에서 인바운드 규칙\World Wide Web 서비스(HTTO 트래픽 인) 을 허용으로 체크해준다.