본문 바로가기

전체

 (219)
[JavaScript] Date 클래스 함수 / Math 클래스 함수 / JSON 클래스 함수 Date 클래스 함수 날짜와 시간이 저장된 객체를 생성하기 위한 클래스 함수이며 Date 클래스 함수의 프로퍼티와 메소드를 제공한다. 클라이언트 플랫폼(OS)의 현재 날짜와 시간이 저장된 Date 객체를 생성하여 변수에 저장한다. var now=new Date(); Date.toString() : Date 객체에 저장된 날짜와 시간을 문자값을로 변환하여 반환하는 메소드 alert("now.toString() = "+now.toString()); //Date 객체가 저장된 변수를 출력하면 toString() 메소드가 자동으로 호출된다. alert("now = "+now); Date.toLocaleString() : Date 객체에 저장된 날짜와 시간을 클라이언트 플랫폼에 맞는 패턴의 문자값으로 변환하여 반..
[JavaScript] Number 클래스 함수 / String 클래스 함수 Number 클래스 함수 숫자값이 저장된 객체를 생성하기 위한 클래스 함수이며 Number 클래스 함수의 프로퍼티와 메소드를 제공한다. 매개변수에 전달된 숫자값이 저장된 Number 객체를 생성하여 변수에 저장 var num=new Number(100); 매개변수에 문자값을 전달해도 숫자값으로 변환되어 저장된다. var num=new Number("100"); var num=new Number(100); var num=new Number("100"); console.log("변수의 자료형 = "+typeof(num));//변수의 자료형 = object Number.toString() : Number 객체에 저장된 숫자값을 문자값으로 변환하여 반환하는 메소드 alert("num.toString() = "+..
[JavaScript] 구조 분해 할당(Destructuring Assignment) 구조 분해 할당(Destructuring Assignment) 구조 분해 할당은 Object 객체 또는 Array 객체의 요소를 해체하여 요소값을 개별적인 변수에 저장하여 제공하기 위한 기능이다. 배열 분해 할당(Array Destructuring) 배열 분해 할당은 배열의 요소를 변수에 할당하는 것이다. [ ] 대괄호를 사용하여 할당할 변수를 지정하고, 할당할 배열을 대상으로 분해한다. 구조분해할당 문법을 이용하지 않은 경우 var array=["홍길동","임꺽정","전우치"]; var one=array[0]; var two=array[1]; var three=array[2]; alert("one = "+one+", two = "+two+", three = "+three); //one = 홍길동, tw..
[JavaScript] Object 클래스 함수 / Array 클래스 함수 / JSON 기능 Object 클래스 함수 Object 클래스 함수는 요소가 하나도 선언되어 있지 않은 클래스 함수로, 요소가 하나도 없는 객체를 생성할 때 사용한다. 요소가 하나도 없는 객체를 생성하고, 생성된 Object 객체에 요소를 추가하여 사용할 수 있다. 필요한 요소가 포함된 하나의 객체를 생성하기 위해서 사용한다. (다수의 객체를 만들어주는 것 보다는 단일 객체를 만들 때 많이 사용한다.) Object 객체를 생성해 변수에 저장 - Empty Object : 비어있는 객체 var student=new Object(); alert(student);//[object Object] Object 객체에 요소 추가 //요소에 값을 저장 - 프로퍼티 추가 student.num=1000; student.name="홍길동"..
[JavaScript] 프로토타입 메소드(Prototype Method) 프로토타입 메소드(Prototype Method) 클래스 함수를 사용하여 객체를 생성할 경우 클래스 함수에 선언된 프로퍼티와 메소드가 객체의 요소로 생성된다. 프로퍼티는 객체의 속성값을 저장하기 위해 객체마다 따로 생성되어 사용하는 것이 맞지만 메소드는 동일한 명령의 함수가 객체마다 따로 생성되어 저장되는 것은 비효율적이다. 객체의 메소드를 프로토타입 메소드로 선언하면 객체의 갯수에 상관없이 메소드가 하나만 생성되어 모든 객체가 공유하여 사용할 수 있다. 1) 클래스 함수 선언할 때 프로퍼티와 메소드를 함께 생성 function Student(num, name, address) { this.num=num; this.name=name; this.address=address; this.display=func..
[JavaScript] 클래스 함수 / 클래스 자바스크립트는 객체 지향 프로그래밍 언어로, 객체를 이용하여 프로그램을 작성한다. 자바스크립트는 모든 값을 객체로 표현하여 처리한다. 객체(Object) : 현실 세계에 존재하는 특정 대상을 프로그램에서 사용하기 위해 프로퍼티(Property)와 메소드로 표현한 것 프로퍼티(Property) : 표현대상의 속성 메소드(Method) : 표현대상의 행위 자바스크립트에서 객체를 생성하는 방법은 2가지가 있다. 1) 클래스 함수를 선언하고 new 연산자로 클래스 함수를 호출하여 객체를 생성한다. → 자바스크립트는 클래스 대신 함수(클래스 함수)를 사용하여 객체를 생성한다. 2) 클래스를 선언하고 new 연산자로 클래스의 생성자(Constructor)를 호출하여 객체를 생성한다. → ES6에서는 클래스를 선언하..
[JavaScript] 내장함수 1) 타이머 함수 시간 경과에 따른 명령 실행 함수 setTimeout(callback, ms) : 시간(ms) 경과 후 콜백함수를 한번만 호출하여 콜백함수의 명령을 실행하는 함수 → timeoutId(setTimeout 함수를 구분하기 위한 식별자) 반환 clearTimeout(timeoutId) : timeoutId의 setTimeout 함수의 실행을 취소하는 함수 setInterval(callback, ms) : 시간(ms) 경과마다 콜백함수를 반복적으로 호출하여 콜백함수의 명령을 실행하는 함수 → intervalId(setInterval 함수를 구분하기 위한 식별자) 반환 clearInterval(intervalId) : intervalId의 setInterval 함수의 실행을 취소하는 함수 ..
[JavaScript] 콜백함수(Callback Function) / 클로저함수(Closure Function) 콜백함수(Callback Function) 콜백함수는 함수를 활용하는 방법 중 하나로, 매개변수로 전달받은 함수를 뜻한다. 매개변수로 함수를 전달받아서 함수 내부에서 필요할 때 콜백함수를 호출할 수 있다. 함수명은 함수를 구분하기 위한 식별자로, 내부적으로 함수변수처럼 함수를 저장하여 사용한다. 함수명을 사용하여 함수 선언 (선언함수) function display1() { alert("display1 함수의 명령 실행"); } alert(display1);//변수에 저장된 값 출력 - 선언함수 출력 display1();//[display1 함수의 명령 실행] - 함수명을 이용하여 함수 호출 함수명 없이 함수 선언(익명함수) 하여 익명함수를 변수에 저장 var display2=function() { al..

티스토리툴바