IT Log

Error try : 코드 블록에서 오류가 있는지 테스트 catch : 오류를 처리 throw : 사용자 지정 오류 생성 finally : 결과와 상관없이 시도 후 catch후에 코드를 실행 try { Block of code to try } catch(err) { Block of code to handle errors } [ finally { Code that is always executed regardless of an exception occurring }] function myFunction() { var message, x; message = document.getElementById("p01"); message.innerHTML = ""; x = document.getElementById("..

Event 웹 브라우저가알려주는 HTML 요소에 대한 사건의 발생 브라우저나 사용자가 발생 Event Type Keyboard Mouse HTML DOM, Window 등 Event Specification DOM Level 3 HTML5 Mobile Event Listener 해당 객체나 요소에 등록되어야 호출 가능 Event의 대상이 되는 객체나 요소에 Property로 등록 객체나 요소의 Method에 Event Listener를 전달 객체나 요소에 Property로 등록 JavaScript 코드에서 Property로 등록하거나 HTML 태그에 속성으로 등록 Event Type별로 오직 하나의 Event Listener만 등록할 수 있는 단점 HTML 태그에 속성으로 등록하는 경우, 가독성이 떨어지..

조건문 if if 문은 표현식의 결과가 참이면 주어진 실행문을 실행 거짓이면 아무것도 실행하지 않음 if (표현식) { 표현식이 참인 경우 실행 } # 예제 if (new Date().getHours() < 18) { document.getElementById("demo").innerHTML = "Good day!"; } // 실행하는 순간이 오후 6시 이전이면 Good day!를 출력 else if (표현식) { 표현식이 참인 경우 실행 } else { 표현식이 거짓인 경우 실행 } # 예제 var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } else { if (x < y) document.write("x가 y보다 작습니다."); el..

AJAX 전체페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술 비동기 JavaScript 및 XML의 약자 페이지를 reload하지않고 서버에서 데이터 로드 원격 서버에서 텍스트, HTML, XML, JSON을 요청 가능 선택된 HTML 요소에 외부 데이터를 직접 로드 load() 서버에서 데이터를 로드하고 return된 데이터를 선택된 요소에 insert $(selector).load(URL, data, callback); URL : 요청이 전송되는 서버 측 리소스의 URL data : 선택적 매개변수로 속성이 올바르게 인코딩된 매개 변수로 직렬화 되어 요청에 전달되는 객체 callback : 응답 데이터가 일치하는 세트의 요소에 로드된 후 호출되는 콜백 함수..

효과 show() / hide() 요소를 표시하고 숨기는 명령 $(selector).sohw(speed, [callback]); $(selector).hide(speed, [callback]); speed : 3개의 미리 정의된 속도 중 하나 또는 애니메이션을 실행하는 밀리 초 수를 나타내는 문자열 callback : 선택적 매개변수로 애니메이션이 완료될 때마다 실행될 함수를 나타냄. 각 요소에 대해 한 번씩 실행 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 또는 $("button").click(function(){ $("p").hide(1000); }); toggle() 공개 ..

jQuery란? 경량의 빠르고 간결한 JavaScript 라이브러리 DOM 조작 : DOM(Document Object Model) 요소를 쉽게 선택하고 컨텐츠를 수정 이벤트 처리 : 이벤트 핸들러를 통해 사용자가 링크를 클릭하여 다양한 이벤트를 캡처 Animation : 많은 내장 애니메이션 효과를 제공 경량 : 크기가 약 19KB인 매우 가벼운 라이브러리 AJAX : AJAX 기술을 사용하여 반응이 바르고 기능이 풍부한 사이트를 개발 크로스 브라우저 : IE 6.0이상, FF 2.0 이상, Safari 3.0 이상, Chrome 및 Opera 9.0 이상에서 잘 작동 jQuery 호출 예시 jQuery 구문 기본 구문 : $(selector).작업() jQuery를 정의하고 액세스하기 위한 $부호 H..

Type Conversion(타입변환) JavaScript 변수는 새 변수나 다른 유형으로 변환될 수 있음 함수를 사용하거나 자체적으로 변환 Variable → String String(333)// "333" String(true)// "true" (333).toString// "333" false.toString// "false" # 지수 표기법 (3.33).toExponential(1)// "3.3e+0" (3.33).toExponential(2)// "3.33e+0" # 지정된 소수점 자리까지 반올림하여 문자열 반환 (3.33).toFixed(0)// "3" (3.33).toFixed(1)// "3.3" # 지정한 길이만큼 문자열로 반환 (3.33).toPrecision()// "3.33" (3.3..

Data Type 값을 포함한 Data Type String(문자열) Number(숫자) Boolean(참or거짓) Funtion(함수) Object(객체) Obejct Date Array String Number Boolean 값을 포함하지 않은 Data Type Null Undefined String(문자열) ''(작은 따옴표)나 ""(큰 따옴표)로 선언 var double = "Double Quotes"; var single = 'Single Quotes'; Nubmer(숫자) 소수로 표현하거나 소수 없이 표현 var num = 29; var number = 29.00; Boolean true 또는 false 값만 가짐 var x = 29, y = 29, z = 30; (x == y) // true..