내장개체(String, Date, Math, Array, Function, Screen, Number, Event

  내장객체(Built-In Object) - String

1. 내장객체란? 이미 자바스크립트에서 자주사용하는 객체를 정의해 놓은 것

    내장객체를 사용하는 것도 new연산자를 사용하여 객체로 정의할 수 있다.

    객체명 = new 객체의 형식(값) 

    * new연산자를 쓰지 않는 정적객체도 있다. String객체, Math객체등

2. String 객체 : 문자열을 객체로 만들어 해당속성이나 링크설정등을 지원한다.

    변수명 = "문자열"   ---------> 문자열을 그냥 변수에 할당

    변수명.속성      -------------> "."연산자를 이용하여 속성, 메소드을 연결하여 문자열처리

    변수명.메소드 

     [속성]

       .length        : 문자열의 길이. 한글 한 자를 1로 처리, 공백포함 

       .constructor : 객체를 만들어낸 함수 원형의 형식

       .prototype    : 객체에 새로운 속성을 추가한다.  

    [메소드]

      ⓐ글꼴관련 메소드 

       .big()     : <BIG>문자열</BIG>

       .small()  : <SMALL>문자열</SMALL>

       .bold()   : <B>문자열</B>

       .italics() : <I>문자열</I>

       .strike()  : <STRIKE>문자열</STRIKE> 

       .sub()    : <SUB>문자열</SUB>

       .sup()    : <SUP>문자열</SUP>

       .fixed()   : <TT>문자열</TT> 타자기체 효과를 만든다.

       .fontcolor("색상값") :<FONT color="색상값">문자열</FONT>

       .fontsize(글자크기) : <FONT size= 글자크기>문자열</FONT>

       .blink()   : <BLINK>문자열</BLINK> ---> 넷스케이프에서만 쓰임

     ⓑ 링크관련 메소드

       .anchor("책갈피명") : <A name="책갈피명">문자열</A>-- 페이지내의 링크를 설정

       .link("URL")  : <A href="URL">문자열</A> -------------- 하이퍼링크를 설정

     ⓒ 문자열처리 관련 메소드

       .CharAt(n)    : 문자열의 좌측에서 0으로 시작하여 n번째 위치의 문자 표시 

       .indexOf("검색할문자열") : 문자열의 좌측부터 처음으로 나온 검색할 문자열 위치표시

       .lastIndexOf("검색할문자열"):문자열의 우측부터 처음으로 나온 검색할 문자열 위치표시

       .concar("추가내용") : 문자열에 추가내용을 이어준다.

       .split("구분자") : 문자열중에서 구분자를 만나면 ","로 문자열을 분리시킨다.

       .slice(n,m) : 문자열의 n번째(0부터시작) 문자부터 m번째(1부터시작) 까지의 문자열을 표시 

                         음수값은 문자의 끝부터 역순의 값이 지정된다. 

       .Substring(n,m) :문자열의 n번째(0부터시작) 문자부터 m번째(1부터시작) 까지의 문자열

                               음수값은 무시된다.

       .substr(n,m) : 문자열의 n번째 위치의 문자부터 m길이 만큼의 문자열을 표시

       .toLowerCase() : 문자열을 모두 소문자로 변환

       .toUpperCase() : 문자열을 모두 대문자로 변화

       .CharCodeAt(n) : 문자열의 n번째 위치에 있는 문자를 ISO-Latin-1(유니코드)으로 변환

       .fromcharCode(유니코드1,…,유니코드n) :유니코드값에 해당하는 문자로 변환

      ⓓ 정규표현식을 사용한 문자열 검색메소드

       .match(정규표현식패턴) : 문자열에서 해당 패턴이 있으면 검색된 문자열을 표시

                  정규표현식 형식  변수명=/검색할 문자/gi     g:검색문자열전체를 대상으로 매치

                  예) ABC.match(변수명)                              i:대소문자 구분없이 매치

       .search(정규표현식패턴): 일치하는 패턴이 있는지 확인 매치된 위치index값 표시

       .replace(정규표현식패턴,대체할문자열) : 일치하는 패턴이 있으면 대체된 문자열 전체 표시

                                                                일치하지 않으면 원본 문자열 표시

  내장객체(Built-In Object) - Date

1. Date객체 : 시스템의 날짜와 시간을 이용하여 자바스크립트 기능을 만들수 있게 지원한다.

   생성객체 = new Date()   ---> 요일 월 일 시:분:초 UTC+0900 년도 형식

2. 속성은 .constructor와 .prototype

3. 메소드

   ⓐ get으로 시작하는 메소드 : 현재 Date객체에 속해있는 날짜와 시간정보를 얻어온다.

     getYear(), getFullYear(), getMonth(), getDate(), getDay(), getHour(), getMinites(), 

     getSecond(), getMillisecond()--> 1/100초단위, getTime() --> 1/1000초단위

     - getYear()와 getTime 은  1970 년도 이후의 값을 표시한다.

     - getMonth()의 경우 1월을 0으로 표시하므로 반드시 현재월을 getMonth() + 1을 해야한다.

   ⓑ set으로 시작하는 메소드 : 날짜와 시간을 설정한다.

     생성객체 = new Date()

     생성객체.set메소드(변경할 내용)

     또는

     생성객체 = new Date(년도, 월, 일, 시간,분,초,1/100초)

     setYear(), setFullYear(), setMonth(), setDate(), setDay(), setHour(), setMinites(),

     setSecond(), setMillisecond(), setTime() 

   ⓒ 다른 형식로 표시하는 메소드  

      toGMTString() : 요일 일 월 년도 시:분:초 UTC 형식으로 표시

      toLocaleString() : 월/일/년도 시:분:초 형식으로 표시

      toString()  : 요일 월 일 시:분:초 UTC+대한민국표준시 형식으로 표시

  내장객체(Built-In Object) - Math

1. Math 객체 : 수학계산과 관련된 객체

2. 속성

   .E  : 자연로그 밑에 사용하는 오일러 상수(약 2.718)

   .LN2 : 2의 자연로그               .LN10 :10의 자연로그

   .LOG2E :밑이 2이 E의 로그     .LOG10E : 밑이 10인 E의 로그

   .SQRT1_2 : 1/2 의 제곱근       .SQRT2 : 2의 제곱근

   .PI :원주율 

3. 메소드   Math.메소드(매개변수나 수치) 형태

   - sin(R), cos(R), tan(R) : R은 라디안으로 측정된 각도값

   - asin(x), acos(x), atan(x) : x는 -1.0 과 1.0 사이 숫자

   - atan2(x좌표,y좌표) :주어진 점과 x축과 사이를 라디안으로 측정한 각도

   - exp(수치)   : 지수함수. 수치의 거듭제곱값 reture

   - pow(숫자,제곱승수) : 지수값 표시  예)숫자ⁿ

   - sqrt(0과 양수)   : 제곱근  예)√숫자

   - log(수치)   : 수치의 자연로그값

   - abs(수치)  : 절대값, 모든수 대입가능

   - floor(수치) : 수치보다 작거나 같으면서 가장 가까운 정수값, 소수부분 버림

   - round(수치): 수치에 가장 가까운 정수. 소수부분 반올림

   - ceil(수치)  : 수치보다 크거나 같은 가장 인접한 정수. 소수부분 올림

   - max(a,b)두개의 값중 가장 큰값, min(a,b)작은값 

   - random() : 0 ~ 1 사이의 값을 갖는 난수발생

  내장객체(Built-In Object) - Array

1. 배열을 만들때 사용하는 내장 객체

    변수 = new Array(n)  ----> n 개의 매개변수를 갖은 객체를 변수(내장객체)에 정의

     변수[0] ... 변수[n-1]  -->  첨자 0부터 시작한다.

    배열을 순서대로 쓰면 ","로 구분되어 표시된다. 

2. length 속성 : 배열의 길이를 구한다.

    변수.length

3. 메소드

   .concat(a1,a2...an) :여러개의 배열을 하나로 만들어서 다시 배열로 반환

   .push("a1","a2"..."an") : 기존의 배열에 새로운 요소를 추가.

   .pop() : 배열의 마지막요소를 삭제하고 삭제된 요소를 반환

   .shift() : 배열의 첫째요소를 삭제하고 나머지 요소를 왼쪽으로 이동

   .Unshift("a1","a2"..."an"): 배열의 제일 앞에 새로운 요소추가

   .reverse() : 배열에 들어있는 요소의 순서를 반대로 변경

   .slice(a,b) : 배열의 시작과 끝을 지정하여 반환. 

   .sort(비교함수): 배열의 요소를 비교함수를 이용하여 정렬. 기본적으로는 오름차순 sort()

   .splice(s,n,"a1",..."an"): 배열의 시작위치(s)부터 변경할 요소갯수(n) 만큼 새로운 데이터 갱신

   .join("구분자"): 배열을 구분자를 삽입하여 하나의 문자열로 구성

   .toString() : 배열을 문자열로 변환

   .toSource(): 배열의 소스문법 형태로 변환

   .valueOf()  : 배열요소값을 처음 데이터 값으로 되돌린다

  내장객체(Built-In Object) - Function, Screen Number

1. Function객체 : 함수를 사용하지 않고 함수의 내용을 정희해 주는 내부객체

    Function객체명 = new function("매개변수1", "매개변수2",...,"계산식")

   예) take = new function("a","b","return(a+b)")

        document.write(take(10,20))  ----------> 30 이 표시된다.

  - 속성

   .arguments[인덱스값] : 함수에 전달되는 인자들로 이루어진 배열

   .arguments.callee      : 선언된 함수의 소스코드

   .arguments.caller      : 함수를 호출한 상위객체에 대한 reference

   .arguments.length     : 인자들로 이루어진 배열의 수

   .length   : 함수를 선언할 떄 지정한 인자의 수.  (.arity 와 동일) 

  - 메소드

   .apply(thisobj.args) : 기존의 함수를 객체의 함수로 호출

   .call(thisobj.args)   : 기존의 함수를 이용하여 새로운 함수를 만든다.(넷스네이프전용) 

2. Screen 객체 : 사용자의 해상도, 색상수, 화면크기등을 파악하는 기능제공

                        이 기능을 이용하여 다양한 환경의 사용자를 위한 화면을 구성할 수있다.

  - 속성

   .width, height : 모니터  디스플레이 화면의 넓이, 높이를 pixel로 표시   예) 1024

   .availWidth, availHeight :인터페이스가 차지하는 범위를 제외한 실질적인 공간의 넓이와 높이

   .pixelDepth    : 하나의 픽셀당 비트수를 표시 (넷스케이프용)

   .colorDepth    : 컴퓨터 상에 사용되는 칼라의 수 표시 

3. Number객체 : 수치문자열을 일반숫자로 변형한다.

     number("수치문자열")

  - 속성

     .MAX_VALUE , MIN_VALUE : 자바스크립트에서 사용하는 가장큰수, 작은 수

     .NaN   : 숫자가 아닌 경우

     .NEGATIVE_INFINITY, POSITIVE_INFINITY : 음의 무한대, 양의 무한대

  내장객체(Built-In Object) - Event

1. Event객체 : 키보드나 마우스등의 클릭이나 움직임등를 설정할때 사용하는 객체

    익스플로러 window.event.속성 또는 메소드

    넷스케이프 매개변수.속성또는 메소드

    * 두 브라우저가 다르게 지원하기 떄문에 if조건문을 사용하여 각각의 이벤트객체를 사용 지정

       if (document.all) 익스플로러용 이벤트객체   ----> document.all은 익스플로러에 접속시 true

       else 넷스케이프 이벤트객체 

2. 익스플로러 속성

   .altKey, altLeft  : 우측, 좌측의 alt 키를 눌렀을 떄 이벤트발생

   .ctrlKey, ctrlLeft : 우측, 좌측의 ctrl 키를 눌렀을 때 이벤트 발생

   .shiftKey, shiftLeft :우측, 좌측의 shift 키를 눌렀을 때 이벤트 발생

   .button  : 마우스 버튼을 눌렀을시 이벤트 발생  (값이1 이면 왼쪽버튼, 2는 오른쪽버튼)

   .fromElement : onMouseOver나 onMouseOut 이벤트를 사용할 경우의 마우스객체

   .toElement    : 마우스 포인터가 위치해 있는 객체 설정

   .clientX, clientY    : 윈도우의 범위에서 마우스의 x좌표값, y좌표값

   .sereenX, screenY: 화면전체이서 마우스의 x좌표값, y좌표값

   .x, y     : 선택한 객체에 위치해 있는 x좌표값, y좌표값

   .offsetX, offsetY  : 이벤트가 발생한 객체에서 마우스의 x좌표값, y좌표값

   .key     : code키를 눌렀을 경우의 키의 유니코드값을 설정

   .repeaton : keydown 이벤트의 반복횟수 설정

   .propertyName : 이벤트가 발생한 객체에서 변경된 속성명을 설정

   .srcElement    : 이벤트를 발생한 객체 설정

   .type  : 객체의 이벤트명 지정

   .returnValue : 이벤트에서 발생한 값 설정

   .srcFilter    :  onfilterchange 이벤트를 발생시킨 filter객체를 설정

3. 넷스케이프 속성

   .layerX, layerY  : 레이어를 기준으로 x좌표값, y좌표값

   .pageX, pageY  : 문서내의 x좌표값, y좌표값

   .screenX, screenY : 화면전체에서 x좌표값, y좌표값

   .srcElement  : 이벤트가 전송된 객체를 설정

   .target  : 이벤트를 전탈할 객체 설정

   .type    : 이벤트의 종류 설정

   .modifiers : 마우스와 함께 누른 키를 설정

   .which     : 마우스 버튼 값이나 키값을 ASCII 값으로 설정