콜백함수란? 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 함수정의 // 콜백 함수가 될 매개변수 설정 function plus(a, b, callback) { var sum = a + b; callback(sum); } plus 함수를 보면 callback라는 매개변수를 넣어주고 plus 함수 내부에서 callback 매개변수를 함수 형태로 실행하고 있는 모습입니다. 정의한 함수 호출 // plus 함수에 익명 함수를 인자로 전달 plus(1, 2, function(result) { console.log(result); }); 익명 함수를 전달하고 plus 함수를 호출하고 있는 모습입니다. 함수에서 ..
그룹 이벤트 등록 및 삭제하기앞에서는 단독 이벤트만 등록하는 방법을 배웠다. 이번에는 단독이 아닌 그룹으로 여러개의 이벤트를 등록하는 메서드를 알아볼 것이다. -그룹 이벤트 등록 메서드한번에 2개 이상의 이벤트를 등록할 수 있다. 즉, 선택한 요소에 이벤트 등록 메서드를 한 번만 적용하여 마우스 포인터를 올렸을 때 와 포커스가 생성되었을 때처럼 두 종류의 이벤트가 발생하도록 만들 수 있다. 종류1.on() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다. 이벤트를 등록한 이후에도 동적으로 생성되거나 복제된 요소에도 이벤트가 적용.2.bind() -->이벤트 대상 요소에 2개 이상의 이벤트를 등록한다.3.delegate() --> 선택한 요소의 하위 요소에 이벤트를 등록한다.이벤트를 등록한 이후에도..
-자바스크립트 내장 함수내장 함수란 자바스클비트 엔진에 내장된 함수를 말한다. 개발자가 함수를 정의하고 호출문을 사용해 안에 있는 코드를 실행 했지만, 내장 함수는 함수를 직접 선언하지 않아도 된다.( 바로 호출 가능) 종류1)encodeURl() : 문자를 유니 코드값으로 인코딩 ex) encodeURl(“?query=값”); -> “?query=%EA%B0%91”2)encodeURl Component() : 문자를 유니 코드값으로 인코딩(영문,숫자 제외).ex)encodeURlComponent(“?query=값”)-> “%3Fquery%3D%EA%B0%91“3)decodeURl() :유니코드 값을 디코딩해 다시 문자화합니다.decodeURl(“?query=%EA%B0%91“)->“?query=값”4)..
-객체 생성자 함수의 활용내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성한다. 기본형 | function 함수명(매개변수1,매개변수2,...매개변수n) { //객체 생성자 함수 this.속성명=새 값; this.함수명=function() { 자바스크립트 코드; } } var 참조 변수 (인스턴스 네임) = new 함수명(); //객체생성 var 참조 변수=(속성: 새 값,함수명:function() {...} }ex) function checkWeight(name,height,weight){ //객체 생성사 함수 this.userName=name; this.userHeight=height; this.userWeight=weight; this.minW..
-Return ?return문은 함수에서 결괏값을 반환합니다. 또한 강제로 종료 됩니다. 즉, 결괏값(data)를 반환하는 역할입니다. -데이터를 반환하고 강제 종료하는 return문기본형 | function 함수명() { 자바스크코드1; return 데이터(값); 자바스크코드2; } var 변수 = 함수명();->함수호출 -> 함수코드실행 -> 자바스크립트 코드2를 무시후 데이터 반환->다시 함수호출 (즉,return을 만나 코드 2는 무시 됨) -재귀 함수 호출함수 정의문 내에서 작성한 코드로 함수를 다시 호출하는 것을 말한다. 기본형 | function myFnc() { 자바스크립 코드; myFnc(); } myFnc(); ex) var num = 0; function testFnc(){ num++..
-함수 ?앞에서 데이터를 저장할 때 변수를 선언하여 저장했다. 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없다. 하지만 함수는 코드를 메모리에 저장했다가 필요할 때 마다 호출 한다. % 변수와 함수의 차이점 ? -> 함수는 1.자바스크립트 코드를 저장 2.function 이라는 키워드를 이용해 선언 3.출력문 제어문등의 코드를 저장하고 데이터를 반환 -함수 정의문 기본형 | function 함수명 () { 자바스크립트 코드; } 익명함수(함수명이 없는 함수)를 선언하고 변수에 참조해도 된다ex) 참조 변수=function() { 자바스크립트 코드; } % 일반 함수 정의 VS 선언 참조 방식일반 함수 정의는 함수 호출 시 호이스팅 기술을 지원하여 함수 정의보다 호출문이 먼저 나와도 함수 정의문..
브라우저 객체 모델브라우저 객체란?->브라우저에 내장된 객체를 ‘브라우저 객체’라고 한다. window는 브라우저 객체의 최상위 객체이며 window객체에는 하위 객체가 포함되어 있다. 계층적 구조이며 BOM이라 한다.window하위 객체들: document, screen, location, history, navigator -window 객체메서드 종류1.open(“URL”,“새창 이름”,“새창옵션”) : URL 새창으로 나타냄2.alert(data) : 경고 창 데이터를 보여줌 사용후 다음 코드 수행3.prompt(“질문”,“답변”) : 질의 응답 창4.confirm(“질문 내용”) : 질문 내용으로 확인이나 취소 창을 나타냄 확인은 true 취소는 false 반환5.moveTo(x,y) : 지정한 ..
-내장객체앞에서 언급했듯 내장 객체란 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다. 필요한 경우 객체를 생성해서 사용할 수 있다.내장 객체로는 문자(String), 날짜 (Date) 배열(Array), 수학(Math) 정규표현 객체(RegExp Object)등이 있다. -내장 객체 생성하기객체를 생성할 때는 new 라는 키워드와 생성 함수를 사용한다. 기본형 | 참조변수 (인스턴스 이름) = new 생성함수() -날짜 정보 객체날짜나 시간 관련 정보를 제공받고 싶을 때는 날짜 객체를 생성합니다.D-day계산기나 달력등을 만들 수 있습니다. 기본형 | 참조변수 = new Date() ; ->현재 날짜의 정보를 제공하는 Date객체 기본형 | 참조변수 = new Date(“연/월/일”); ex) va..