'내장객체'에 해당되는 글 2건

  1. 2012.06.21 [10단원] 내장객체와 Data객체
  2. 2012.06.20 [9단원] 객체와 메소드

Ⅰ  내장객체의 의미

  - 내장 객체는 자바 스크립트에서 미리 정의되어 있는 내장된 객체를 말함

  - 객체를 정의하여 사용할 필요가 없고 new라는 예약어를 이용하여 객체를 만들어 사용

  - 내장 객체의 종류로는 Date, String, Math, Array, Screen, Event 등이 있다.

 


Ⅱ  Date 객체

  - Date 객체는 날짜와 시간에 관한 정보를 제공하는 객체

  - 홈페이지에 현재의 날짜와 시간 또는 앞으로 남은 날짜 등을 넣고자 할 경우 사용

 

  ◈ 기본형식 : 바로 new 예약어를 사용하여 현재의 날짜와 시간을 정의


[형식]

                                             객체 이름 = new Date()
                                             객체이름.메소드


[예제소스]

 <HTML>
     <HEAD>
         <TITLE>Date()객체</TITLE>
         <SCRIPT LANGUAGE="Javascript">
         <!--
           today=new Date()
           document.write(today+"입니다")
         //-->
         </SCRIPT>
     </HEAD>
     <BODY> </BODY>
 </HTML>


[설명]

 

 Date객체로 구해지는 오늘의 날짜와 시간정보가 today객체로 정의되어 출력 
 출력된 날짜와 시간 정보는 UTC(universal time coordinated)방식, 즉 세계 협정 표준시 방식

 날짜와 시간이 출력된다.



  ◈ Date객체의 메소드 : Date객체의 메소드는 다음과 같다.

메소드

설      명

getYear()

'연도'(1970년 이후)를 알아낸다.

getMonth()

'월'(0=1월, 1=2월, ...)을 알아낸다.

getDate()

'일'을 알아낸다.

getDay()

'요일'(0=일요일, 1=월요일, ...)을 알아낸다.

getHours()

'시'를 알아낸다.

getMinutes()

'분'을 알아낸다.

getSeconds()

'초'를 알아낸다.

getTime()

1970년 1월 1일 이후의 시간을 1000분의 1초로 알아낸다.

setYear()

'연도'(1970년 이후)를 변경한다.

setMonth()

'월'(0=1월, 1=2월, ...)을 변경한다..

setDate()

'일'을 변경한다.

setDay()

'요일'(0=일요일, 1=월요일, ...)을 변경한다.

setHours()

'시'를 변경한다.

setMinutes()

'분'을 변경한다.

setSeconds()

'초'를 변경한다.

 

  ◈ set메소드 : Date객체에 입력되어 있는 시간과 날짜는 수정할 때 사용하는 메소드

 

  ♣ set메소드의 형식

[형식]

                                              객체이름=new Date()
                                              객체이름.set메소드(변경할 내용)

 

[예제소스]

 <HTML>
     <HEAD>
         <TITLE>Date()객체</TITLE>
         <SCRIPT LANGUAGE="Javascript">
         <!--
          today=new Date()
          today.setDate(15)
          document.write("오늘 날짜는",today.getMonth()+1,"월", today.getDate(),"일 입니다")
         //-->
         </SCRIPT>
     </HEAD>
     <BODY> </BODY>
 </HTML>


[설명]

 출력문을 확인해 보면 Date객체로 구해진 날짜에서 "월"은 그대로 출력되지만 일은

 set메소드로 설정한 대로 "15일"이라고 출력된다.

 

 ☞ getMonth라는 메소드에 +1의 의미
 getMonth는 월을 구하는 메소드로 여기에 +1을 해주는 이유는 자바스크립트에서는 0부터 월을

 counter하기 때문. 즉, 1월은 0으로 2월은 1로 출력이 되기 때문에 +1을 해주어야만 된다


  ♣ 특정일까지 몇일 남았는지 확인하는 소스보기 

 <HTML>
     <HEAD>
         <TITLE> Date() 객체 </TITLE> 
         <SCRIPT LANGUAGE="Javascript"> 
         <!-- 
          var today=new Date() 
          var cup=new Date("December 19,2012") 
          var a=cup.getTime(); 
          var b=today.getTime(); 
          var day=Math.ceil((a-b)/24/60/60/1000) 
         //--> 
         </SCRIPT>
     </HEAD>
     <BODY>
        <SCRIPT LANGUAGE="Javascript">
         <!-- 
          document.write("18대 대통령선거까지 "+day+ "일 남았습니다.")
         //-->
         </SCRIPT>
     </BODY>
 </HTML>

저작자 표시
신고
Posted by 진짜깨비

Ⅰ  객체의 의미 : 창, 폼, 버튼 등

 

  ◈ 객체의 구성 : 객체는 속성과 메소드로 구성 

 객체 = 속성 + 메소드


  ▶ 속성 : 객체가 가지고 있는 상태정보, 객체의 크기나 위치 또는 표시 형태 등을 말함.
               자바스크립트에서의 속성은 창의 메뉴, 도구모음, 주소 표시줄이 되는 것이며,

               주소표시줄의 표시여부나 도구모음의 보여지는 형태 등은 속성 값임.

 
  ▶ 메소드 : 객체가 할 수 있는 동작
                  자바스크립에서는 창을 열거나 닫을 수 있는 것들을 메소드라 할 수 있음

 

  ◈ 객체의 종류
    ① 사용자 정의 객체 : 사용자가 새로운 객체를 만들어 사용 
    ② 내장 객체 : Java Script에서 기본적으로 정의되어 있는 객체, data, string 등

    ③ 브라우저 객체 : window를 최상위 개체로 하여 계층적인 구조를 가지고 있으며,

                              history, document, location 등이 브라우저 객체로 사용됨

    ※ 주로 내장 객체나 브라우저 객체가 사용되며, 사용자 정의 객체는 활용도가 떨어짐

 


Ⅱ  사용자 정의 객체

 

 1단계(객체의 정의) ⇒ 2단계(객체 만들기)

 

  ◈ [1단계] 객체 정의 : 사용자 정의 객체를 정의는 생성자 함수를 이용해서 만든다.

                                  this를 통해 객체의 속성을 지정

[형식] 

               function test(a,b,c)
                {
                this.x=a
                 } 


  ◈ [2단계]객체 만들기 : 생성자 함수로 정의된 객체를 new 예약어를 이용하여 객체로 만든다

[형식]

               <SCRIPT LANGUAGE="Javascript">
               <!--
                 test=new b()
               //-->  
               </SCRIPT>

 

  ☞ 생성자 함수 : 생성자 함수는 객체의 특성과 메소드를 정의 하기위해 사용되는 함수

                         객체가 생성될 때 객체의 기본적인 값을 지정하는 역할을 한다.

 

  ☞ this란? : 생성자 함수에서 만들어지는 객체 자신을 말한다.

                   this.name이라고 하면 a라는 사람의 이름, b라는 사람의 이름을 this라는 예약어를

                   사용하여 쉽게 표현할 수 있다. 


[예제소스]

<HTML>
    <HEAD>
        <TITLE>객체만들기</TITLE>
        <SCRIPT LANGUAGE="Javascript">
        <!--
        function computer(cpu, ram, hdd){
        this.cpu=cpu;
        this.ram=ram;
        this.hdd=hdd;
        }
        -->
        </SCRIPT>
    </HEAD>
    <BODY>
        <h1>객체만들기</h1>
        <SCRIPT LANGUAGE="Javascript">
        <!--
           mycomputer=new computer("pentium 3", 256, "1GHz")   

           document.write("<h3>mycomputer</h3>")
           document.write("CPU 타입 : " +mycomputer.cpu+"/ ")
           document.write("RAM 타입 : " +mycomputer.ram+"/ ")
           document.write("하드디스크 타입 : " +mycomputer.hdd+"<p>")

        -->   
        </SCRIPT>
    </BODY>
</HTML>

 

 

 

 computer라는 객체를 만드는 함수로 cpu,ram,hdd 속성을 가지게 된다. 또한 this연산자를 사용해서 각 속성의 값을 개체에 사용할 수 있도록 정의한 것

 

 

이 부분은 객체를 만드는 부분으로 new연산자를 사용해서 mycomputer라는 이름을 가지는 객체를 만드는 것이다. 또한 mycomputer.cpu, mycomputer.ram, mycomputer.hdd는 computer의 속성 값을 표시하는 것이다

 

저작자 표시
신고

'JavaScript 를 배웁시다.' 카테고리의 다른 글

[11단원] String 객체  (0) 2012.06.22
[10단원] 내장객체와 Data객체  (0) 2012.06.21
[9단원] 객체와 메소드  (0) 2012.06.20
[8단원] 이벤트와 이벤트 핸들러  (0) 2012.06.20
[7단원] 내장함수  (0) 2012.06.19
[6단원] 함수(Function)  (0) 2012.06.18
Posted by 진짜깨비
이전버튼 1 이전버튼

블로그 이미지
진짜깨비
Yesterday9
Today4
Total14,628

달력

 « |  » 2017.10
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31        

최근에 받은 트랙백

글 보관함


티스토리 툴바