웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

Math 객체수학과 관련된 속성과 메서드를 갖는객체로 기본내장 객체중 유일하게 생성자 함수를 사용하지 않는다. 1. Math 객체의 속성 속성 값 E 2.718281828459045 LN2 0.6931471805599453 LN10 2.302585092994046 LOG2E 1.4426950408889633 LOG10E 0.4342944819032518 PI 3.141592653589793 SQRT1_2 0.7071067811865476 SQRT2 1.4142135623730951 Math 객체는 생성자 함수가 아니므로 아래와 같이 사용한다.console.log(Math.E);console.log(Math.LN2);console.log(Math.LN10);console.log(Math.LOG2E);con..

Date 객체날짜와 시간을 표시한다. Date 객체의 생성방법var date = new Date();console.log(date);Date()객체에 아무런 매개변수도 입력하지 않으면 현재시간을 가져온다. 예) 문자열을 사용한 Date() 생성var date01 = new Date('July 7');console.log(date01); var date02 = new Date('July 7, 2014');console.log(date02); var date03 = new Date('July 7, 2014 11:05:23');console.log(date03); var date04 = new Date('2014, 7, 11');console.log(date04); var date05 = new Date('2..

Array 객체요소 제거Array 객체 메서드에는 특정 요소를 제거하는 메서드가 따로 없다.splice() 메서드를 사용하여 제거해야하며 프로토타입에 remove()를 추가해서 배열 요소를 제거할수 있다. Array.prototype.remove = function(index){ this.splice(index,1);} Array 객체 요소제거의 잘못된 예)// Array 생성자 함수 프로토타입에 remove() 메서드 추가 Array.prototype.remove = function(index){ this.splice(index,1);}// 숫자 4가지의 값을 가진 배열 num 선언var num= [80, 90, 200, 300];// num 배열의 갯수만큼 반복for(var i=0; i < num.l..

Array 객체여러가지 자료들을 쉽게 관리할 수 있게 도와주는 객체 Array의 생성자 합수 생성자 함수 이름 Array() 빈배열을 생성 Array(number) 매개변수로 던지 수 만큼 배열을 생성 Array(mixed, ... , mixed) 매개변수로 받은 자료형을 바탕으로 배열 생성 Array 객체 생성 - 네 가지 방법으로 생성 가능 하다. var array01 = [1,2,3,4,5] // 1~5 까지의 값을 가진 배열선언var array02 = new Array(); // 생성자함수로 빈배열 선언var array03 = new Array(5); // 생성자함수로 5개의 공간을 가지는 배열 선언var array04 = new Array(1,2,3,4,5); // 생성자함수로 1~5까지의 값을..

메서드 체이닝메서드를 이어서 줄줄이 사용하는 것 ex) 메서드 체이닝의 예// str 변수 선언 및 초기화var str = 'hohoho';// output 변수에 str변수의 // 메서드 체이닝으로 대분자로 변환, 첫번째부터 3번째 문자를 잘라 볼드처리 var output = str.toUpperCase().substr(0,3).bold();// 화면에 출력console.log(output);

String 객체가장많이 사용되는 내장객체로서 Number 객체와 마찬가지로 다음과 같은 두가지 방법으로 생성가능하다.var str = 'ho';var nStr = new String('ho'); String 객체는 length 속성을 갖는다.var str = 'abcdefg'; // 변수선언 문자열을 담는다.var len = str.length; // 변수선언 str의 길이값을 담는다.console.log(len); // str 길이값 출력 String객체의 기본메서드 메서드 이름 설명 charAt(position) position에 위치하는 문자를 리턴 charCodeAt(position) positiondp 위치하는 문자의 유니코드를 리턴 concat(string, ... , string) 매개변수..

Number 객체객체중 가장 단순한 객체로 Object 객체가 가지는 7개의 메서드 이외에 추가로 3가지의 메서드를 더 갖는다. Object객체가 가지는 7가지 메서드 메서드 이름내용 constructor() 객체의 생성자함수를 나타냄 hasOwnProperty(name) 객체가 name속성을 가지고 있는지 확인 isPrototypeof(object) 객체가 object의 프로토타입인지 검사 propertyIsEnumerable(name) for in문을 사용해 나열할수 있는지 확인 toLocaleString() 객체를 호스트환경에 맞는 언어 문자열로 바꿈 toString() 객체를 문자열로 바꿈 valueOf() 객체의 값을 나타냄 Number 객체가 가지는 3가지 메서드 메서드 이름내용 toExpon..

Object 객체활용한 자료형구분- Object 객체가 가지고 있는 constructor()메서드는 객체의 생성자함수를 의미- constructor()메서드는 자료형을 검사할때 유용하게 쓰인다. 자료형을 검사할때 typeof() 연산자를 사용하지만 이는 설계오류로 인하여 완벽하지 못하다. ex ) typeof() 연산자의 버그 // 변수 num 에 숫자값 300을 대입var num = 300;// 변수 nNum에 생성자 함수를 이용 300을 대입var nNum = new Number(300);// 화면에 두변수를 출력console.log(typeof(num));console.log(typeof(nNum));두 변수 모두 숫자값을 가지고고 있지만 생성자 함수로 만들어낸 숫자는 객체이기 때문에 이런 결과값이..

Object 객체 생성 및 메서드 Object 객체 생성자바스크립트에서 가장 기본적인 내장객체는 Object 이며, 아래와 같은 두가지의 방법으로 생성 가능하다.var object = {}var object = new Object(); Object 객체의 메서드- 자바스크립트의 모든 기본내장 객체는 Object 객체를 기본으로 만들어진다. - 자바스크립트의 모든 기본내장 객체는 7개의 메서드를 갖는다. 메서드 이름 내용 constructor() 객체의 생성자함수를 나타냄 hasOwnProperty(name) 객체가 name속성을 가지고 있는지 확인 isPrototypeof(object) 객체가 object의 프로토타입인지 검사 propertyIsEnumerable(name) for in문을 사용해 나열할..

기본자료형과 객체의 차이점자바스크립트의 여섯 가지 자료형 중에 숫자, 문자, 불리언 세가지 자료형이 기본자료형에 속한다. 객체는 속성과 메서드를 가질수 있으며 기본자료형은 가질수 없다. ex ) 기본자료형 메서드 추가// 숫자값 300을 가지는 변수 선언var basic = 300;// basic에 메서드 추가basic.method = function(){ // 반환값으로 basic Method 던짐 return 'basic Method'}// output 변수에 basic.method() 담는다var output = basic.method();// 메서드 실행 출력console.log(output);위의 오류처럼 기본자료형은 속성과 메서드를 추가해서 쓸수 없다. 이를 가능하게 하려면 프로토타입을 사용해..