Martin`s Work

IIS 서버란? Internet Informatin Services의 약자로 마이크로소프트 기반의 인터넷 서비스라 한다. ( Window OS 에서만 사용 가능하다.) IIS 서버는 FTP, SMTP, NNTP, HTTP/HTTPS를 포함하고 있다. Window OS를 사용하는 유저에게는 간단하게 설치 할 수 있다는 장점이 있다. IIS 설치(** Window 버전에 따라 다를 수 있으며, 작성자는 Window 8을 기준으로 작성한다.) 1.제어판\프로그램\프로그램 제거 2. 프로그램 제거로 들어가면 왼쪽에 "Windows 기능 켜기/끄기" 가 보인다. 3. "Windows 기능 켜기/끄기"를 클릭하면 "Window 기능" 창이 뜨는데 해당 창에서 "인터넷 정보 서비스"를 클릭하여 사용할 것들은 체크해준..

1. animationName CSS 애니메이션의 이름을 반환한다. Internet Explorer 기준 IE10 이상 브라우저부터 지원한다. 12345678910111213141516171819202122232425 #div1{ width:100px; height:100px; background-color:red; -webkit-animation-name:moving; -webkit-animation-duration:5s; animation-name:moving; animation-duration:5s; } @keyframes moving{ from{ width:100px; height:100px; } to{ width:200px; height:200px; } } @-webkit-keyframes mo..

1. newURL, oldURL URL의 뒤에 hash가 바뀔 때 해당 이벤트가 발생하며, newURL은 바뀐 새로운 URL을, oldURL은 바뀌기 전의 URL을 반환한다. 해당 프로퍼티는 onhashchange와 같이 쓰며, 단점으로는 IE에서는 지원하지 않는다. 12345678 버튼 var btn = document.getElementById("btn"); document.body.onhashchange= function(){ console.log("바뀐 URL은 " + event.newURL + ", 바뀌기 전의 URL은 " + event.oldURL); } Colored by Color Scriptercs

1. altKey, shiftKey, ctrlKey, metaKey 이벤트가 발생될때, 해당 키(alt, shift, ctrl, meta) 키가 눌렸는지 여부를 알 수 있다. button 프로퍼티와 다른점은 이 프로퍼티는 모든 타입의 마우스 이벤트에 대해 유효하다.(*Meta 키란? 윈도우 기준으로 윈도우 심볼이 박혀있는 키이다. 정확한 기능 및 의미는 모른다.) 1234567891011121314 var txt = document.getElementById("txt") txt.onkeydown = function(event){ if(event.altKey){ alert("알트키가 눌렸습니다.") } else if(event.ctrlKey){ alert("컨트롤키가 눌렸습니다.") } else if(ev..

1. preventDefault() 웹브라우저에서 제공하는 기본적인 이벤트를 수행하지 않도록 한다. 예를 들어, 태그의 경우 기본적인 기능이 하이퍼링크인데, 하이퍼링크 기능을 수행되지 않도록 해준다. 123456링크이동 function func(event){ event.preventDefault(); } Colored by Color Scriptercs 위의 소스처럼 preventDefalut()를 사용하면 a의 하이퍼링크 기능이 실행되지 않는다. 2.stopPropagation() 해당 기능을 이해하기 위해서는 버블링 효과에 대해서 이해를 해야합니다 1234567891011 버튼 var cnt = 0; function func(event){ cnt++; alert("cnt의 값은 " + cnt + "입..

1. bubbles 개념 : 해당 이벤트가 문서 트리를 따라 올라가 bubbling 효과가 나타나는지에 대한 Boolean 값으로 반환( stopPropagtion() 과 연관 ) 1234567버튼 function func(event){ console.log(event.bubbles) }Colored by Color Scriptercs 위의 소스대로 실행할 경우, a 버튼을 누를 경우는 true 값을, input 에서 포커스가 나갈때의 경우에는 false가 나온다. 2. cancelable 개념: 해당 Dom에 바인딩 되어있는 기본 이벤트가 preventDefault()로 취소가능한지 여부를 Boolean값으로 반환 1234567버튼 function func(event){ console.log(event..

AJAX 호출시 IIS 서버로 이용할 경우 404 문제 해결 IIS 로컬 서버에서 JSON 형식의 파일을 호출한다. 12345678910111213$.ajax({ type : "GET", url : "json.json", dataType : "json", cache : false, success : function( data){ console.log( data ); }, error : function(){ console.log( "false"); } })cs 위와 같이 dataType을 json으로 설정하고 url을 해당 파일(확장자 json 파일)로 설정을 하여서 문제 없이 data를 받아와야하나, 계속 아래와 같은 404(Not Found) 가 뜬다 이러한 경우 IIS 서버에서 "마임서버"에서 JSO..

Chrome inspect란 ?안드로이드 개발시 웹디버깅을 편리하게 해주는 개발자 도구으로 어플 같은 경우에도 소스 보며 디버깅을 할 수 있도록 도와줍니다. 준비 단계( SDK 및 USB통합드라이버가 설치되지 않은 상태임을 가정) 1. 모바일 디바이스(안드로이드)에 크롬을 설치합니다. 2. 사용하려는 PC에 통합 드라이버를 설치한다. ( 삼성인 경우, 다음의 URL에서 다운 가능)http://local.sec.samsung.com/comLocal/support/down/kies_main.do?kind=usb 3. 자신의 버전에 맞는 SDK 설치 (안드로이드 스튜디오로 통합으로 받아도 되고, 별도로 받아도 되지만 찾기가 힘들어서 SDK만 받을 수 있는 URL을 공유합니다. 문제시, 삭제하도록 하겠습니다.)..

1. -webkit-line-clamp 웹킷 기반의 브라우저일 경우 줄수를 설정해 그 이상 되었을때 "..." 처리가 되도록 설정 가능 1234567div{ display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; /*라인수 설정*/ word-wrap:break-word; -webkit-box-orient: vertical;}cs -webkit-line-clamp 는 "..."처리가 되는 라인수를 지정할 수 있습니다. 이 외에, 웹킷기반의 브라우저가 아닐 경우를 대비하여 추가적으로 높이값과 hidden처리를 해줘야합니다. 123456789div{ display:-webkit-box; height:20px; /*높이값 추가*/ overflow:..

display을 이용한 table 레이아웃 잡기 display 속성을 이용하여, table 태그의 tr, th, td 같은 형태의 레이아웃을 만들 수 있다. 개인적으로 실제로 display 속성으로 table을 지정할 때는 table 레이아웃을 구성하기 위해서라기보단 한 컨텐츠 내에서 중앙 정렬 처리 할때 사용한다. 예를 들어 한 컨텐츠 내용이 1줄이 되든, 2줄이 되든 가운데 정렬이 되어야 한다고 할때 사용하면 편리하게 레이아웃을 구성할 수 있다. 12345678910111213 컨텐츠 제목 컨텐츠 내용 1줄 처리 컨텐츠 제목 컨텐츠 내용 2줄 처리컨텐츠 내용 2줄 처리 Colored by Color Scriptercs HTML 코드는 위와 같이 작성한다. 예시를 위해 dd태그의 텍스트 내용을 br로 ..