'내장객체'에 해당되는 글 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>

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
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의 속성 값을 표시하는 것이다

 

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'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
Total13,233

달력

 « |  » 2017.06
        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  

최근에 받은 트랙백

글 보관함


티스토리 툴바