본문 바로가기
  • think normal
새로워지기/서른의 생활코딩

샘플소스3) javascript 기본 문서구조 ( 객체 그리고 배열 )

by 청춘만화 2011. 4. 10.






자바는 객체지향 언어이다.
그리고 자바스크립트는 객체기반언어이다.







그렇다면 객체..그는 누구인가?
내 나름의 해석은 이렇다.

객체...그리고 기반
사람도 어떻게 보면 객체이다.
움직이는 자동차, 자전거..흐르는 물.

다만, 멈춰있는 자전거, 점춰있는 차, 그들은 움직여지기를 지향한다.
사람을 필요로 한다.

자바로 만들어져있는 프로그렘들은 입력을 해야 그에 반응한다.
자바스크립트는 우선 실행된다. 이후 사용자의 반응에 반응을 한다.

프로그렘 되어질 때 ( 크기와 범위를 떠나서)
시작과 동시에 자기가 먼저 알아서 수행을 하도록 하면 자바 스크립트이고
실행해서 프로그렘 창이 띄어지고 난후 사용자의 명령을 기다리고 있으면 그것을 자바와 같은 객체 지향의 언어가 아닐까 한다.

다시말하지만 기능과 크기를 떠나서 이다.
( 스크립트를 무시하는 뛰어난 역할을 수행하고 있는 자바 개발자님들이 너무 많아서..자꾸 반복해서 언급한다.)

그들을 위한 비유를 하자면,
자바(객체 지향언어)는 완전 크고 늠름한 장군이다.
그들은 놀라운 역할을 한다.하지만 왕의 명령없이는 한발자국도 움직이지 않는다.
자바 스크립트(객체 기반언어)는 피리부는 사나이다.
그들은 때론 시크럽고 때론 누가 시키지 않아도 소문을 퍼트리는 악성적인 역할을 할때도 있지만 시민혁명?과 같은 아래로 부터(뿌리)의 개혁을 이루어내고 궁극적인 여론을(사용자) 수렴하고 그들의 요구에 왕(프로그래머,생산자,기획자,판매자)보다 적절한 해답을 주며 여론이 희노애락을 함께 해준다.




책과 강의에서는 아래와같이 정의를 하고 있다.

객체 = 대상이 되는 창,문서


1. (계층 구조별 객체 window,document...)


2. (계층 구조 상관 없는 객체 array,date,function... )


속성 = 객체 속성,특징


메소드 = 기능,역할






객체 표현법 =>


객체명.속성=값 document.gbcolor='red'


객체명.메소드 window.close()


상위객체명.하위객체명.속성='값'


document.form1.ID(name).value='홍길동'







그리고 배열.




배열


같은 형, 같은 데이터를 두개이상 붙여서 처리하는 것 =한개의 변수에 여러개의 값을 저장가능




표현)


배열로 선언함으로서 변수가 스스로 어레이 임을 알도록 한다.


1. 1) var 변수=new Array()


2) var 변수=new Array(4) ::4개까지 저장하겠다.




변수[0]=값1;


변수[1]=값2;


변수[2]=값3;


변수[3]=값4;




2. var 변수 = new Array(값1,값2,값3,값4);


3. var 변수 = [ "값1","값2","값3","값4" ]






yoil (blood)은 객체가되고


length(원소의 갯수를 구해준다.)는 속성이 되는 것이다.











말이 너무 많았다... ㅋ
하나의 변수에 7일 간의 요일을 담아보자.
우선, 두 잇-




<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">




<head>


<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />




<title> </title>




<script type="text/javascript">


//<!CDATA[




var yoil=new Array();


yoil[0] = "월요일" ;


yoil[1] = "화요일" ;


yoil[2] = "수요일" ;


yoil[3] = "목요일" ;


yoil[4] = "금요일" ;


yoil[5] = "토요일" ;


yoil[6] = "일요일" ;




blood=["a","b","ab","o"];




for(i=0; i < yoil.length; i++){


document.write(yoil[i] + "<br />");


}


for(i=0; i < blood.length; i++){


document.write(blood[i] + "<br />");


}




//]]]]]]>


</script>




</head>






<body>






</body>




</html>



댓글