JavaScript

제이쿼리(jQuery) 메서드 모음

노드 메서드 분류 메서드 설명 일반노드찾기 $(선택자).length 찾은개수 구하기 $(선택자).eq(index) n번째 노드 접근하기 $(선택자).get(index) $(선택자)[index] 자바스크립트 DOM 객체 접근하기 $(선택자).each(function(index){ $(this) 또는 $(선택자).eq(index); }); 순차적으로 노드 접근하기 $(선택자).filter("선택자") 찾은 노드 중에서 특정 노드만 찾기 $(선택자).find("선택자") 찾은 노드의 자손 노드 중 특정 노드만 찾기 $(선택자).index() $(선택자).index($(선택자)) $(선택자).index(대상 DOM 객체) 인덱스 값 구하기 자식노드찾기 $(선택자).children() 모든 자식 노드 찾기 $(선..

함수

함수를 정의하는 방법 함수 선언문 정의 function fuc(x) {return x*x} 함수 리터럴 정의 (익명 함수) var fuc= fuction(x) {return x*x}; fuction 생성자로 정의 var fuc= new Function("x","return x*x") 화살표 함수 표현식 정의 var fuc= x=> x*x JS는 함수 선언문을 프로그램의 첫 번 째 순서로 받아들인다. 그러므로 함수 선언문은 위치에 제약이 없다. 하지만 함수 선언문을 제외한 나머지 정의는 호출하는 코드보다 앞에 위치하여야 한다. JS 함수의 특징 함수를 호출 할 때 인수를 생략할 수 있다. function plus(x,y){ console.log(x+""+y); } plus(3); //3undefined A..

web 입출력

대화상자 alter : 경고 대화상자 표시 alert("경고 발생"); prompt : 문자열 입력을 받는 대화상자 표시 var input=prompt("내용을 입력하세요"); prompt가 반환하는 값은 문자열로 숫자로 변경시 parseInt를 사용해야 한다. confirm : 확인/취소 버튼이 있는 대화상자 표시 var TF= confirm("확인 or 취소"); confirm은 true or false를 반환한다. console console.time(var) 처리 시간 측정용 타이머 시작 console.timeEnd(var) 처리 시간 측정용 타이머 종료 , ms단위로 출력 var answer; console.time("answer") var TF= confirm("확인 or 취소"); conso..

JS의 기본개념

JavaScript의 특징 인터프리터 언어이다. JS 코드를 컴파일하는 JIT 컴파일러가 내장되어 있어 실행속도가 증가되었다. 프로토타입을 상속하는 프로토타입 기반 객체 지향 언어이다. JS는 객체 생성후에도 프로퍼티와 메서드를 동적으로 추가하거나 삭제할 수 있다. 동적 타입 언어이다. JS는 변수타입이 없다. 따라서 데이터 타입이 동적으로 변경될 수 있다. 함수가 일급 객체이다. JS의 함수는 객체이자 함수에 함수를 넘길 수 있다. 프로그램 작성 방법 JS 코드는 body 요소 안의 html 요소에 작성하지 않는다. 보통 script 요소 여러 개를 head 요소 안에 작성한다. window.onload에 등록한 함수는 프로그램 초기 설정 작업을 수행 코드 위치에 상관없이 함수를 적용시킴 변수 선언 :..

addEventListener

addEventListener() 란? document의 요소에 event를 부착할 때 사용하는 함수 원형 : 대상객체.addEventListener(이벤트명, 이벤트리스너(실행할 함수)) document - 웹 페이지 그 자체 DOMContentLoadedd - HTML과 script가 로드된 시점에 발생하는 이벤트이다. innerHTML - HTML의 content에 접근 객체 지정 함수 안 (event) 매개변수 => event.currentTarget = 이벤트를 발생시킨 객체 함수 안 function () => this = 이벤트를 발생시킨 객체 document 메소드 메소드 설명 document.getElementsByTagName(tag) 해당 태그 이름의 요소를 모두 선택함. documen..