본문 바로가기
IT/JavaScript

Java Script 기본구조

by Jeami 2013. 6. 28.
반응형



Java script


1. 기본구조

    <SCRIPT language="JavaScript1.3">  ----> 스크립트의 종류와 버전표기

      소스코드(새버전을 사용시 반드시 표기)

    </SCRIPT>


2. 주석문 : 프로그램 실행에는 아무런 영향을 미치지 않는다.

    //    --------------> 한줄 주석

    /*    --------------> 두줄 이상의 주석 : debuging의 용도로도 쓰임

     ...

    */


3. 코드실행 생략부호

    브라우저에서 해당 자바스크립트소스의 버전이 맞지 않거나 지원되지 않을 경우

    코드를 실행하지 않도록 하기위해 사용한다. : 지금은 의미가 없어졌다.

    <SCRIPT language="JavaScrit">

    <!--        소스코드내용     //-->

    <SCRIPT>

    <NOSCRIPT>   ------->자바의 새로운 버전을 사용시 표기하면 유용 

        브라우저를 지원하지 않을 경우 보여줄 내용

    </NOSCRIPT>


4. HTML문서내에서의 위치

   가급적 <HEAD>...</HEAD>사이에 위치하는 것이 좋다

   그러나, 페이지내 다른 객체와 어울려 작동시 또는 HEAD에서는 작동하지 않는경우 BODY의 어떤 곳에도 사용가능


5. 스크립트문 작성시 주의점

  - 대소문자를 구분한다.

  - 한 line (실행단위)을 끝내려면 ;(세미콜론)으로 닫아준다.

      ----> 요즘은 ;없이도 enter로 line구분이 가능하게 되었다

  - 한줄에 2문장기술 ;를 생략할수 없다

    ex) var str1="korea"

         var str2="japan"

         var str1="korea"; var str2="japan"



  변수(Variable) 

1. 변수란? 어떤 값을 받아 저장시키는 공간

2. 변수명

   - 변수명은 사용자가 임의로 지정할 수 있다.

   - 첫번째 단어는 반드시 영문자일 것. 

     단, 중간에 숫자,_와 조합할 수 있음

   - 띄어쓰기도 한글도 쓸수 없다.

   - 자바스크립트 예약어는 사용할 수 없다. 

3. 변수의 선언과 지정

   var a;      --------------> 변수의 선언 : 변수명지정은 자유롭다. type선언은 없다.

   a = 1;    --------------> 변수의 지정 : a에 값 1을 대입한다는 의미

4. 자료형

    - 숫자 : 정수(10진법[0으로 시작하지 않는 일반숫자], 8진법[0으로 시작], 16진법[0x로 시작])

               실수(소숫점 및 지수표현의 숫자)

    - 문자열 : "..."로 묶인 일련의 문자

    - 논리값 : true, false

    - NULL : null (변수공간만 잡고 있고 저장공간이 아무것도 없는 상태임을 의미)


  자료연산

1. 대입 연산자 (2항 연산자)

   take  = 0     -----> 단순 대입

   take += 10   -----> take = take + 10    (-=, *=, /= ,%=도 있음)


2. 산술 연산자

   - 1항 연산자 : 1씩 증가 또는 감소하는 연산 ++, -- 가 있다.

      ++take; --take;

   - 2항 연산자 : 전위, 후위형의 연산

      power=++take; ------> take를 1증가시킨 후 power에 대입 

      power=take++; ------> take를 power에 대입시킨후 take값 1증가시킴

     * power=-take  ------> take는 음수값을 갖게 한다.

   - 3항 연산자 (일반적 산술표현)

       power = take + 10


3. 문자열 연산자

     c = a + b   ---------------> 문자열 a와 b를 이어붙인 값을 c에 대입.

     a += b       ---------------> 문자열 a에 b를 붙여 다시 a에 대입.

     a = 2005 + "을유년"  -------> 문자열과 숫자의 +연산은 숫자를 문자열로 인식 a는 "2005을유년"이 된다.


     * 문자열에 특수문자 넣는법 : 역슬래시(\)다음에 n, t, b, r,',",\를 연이어 써서 표기

       예) alert("abc\nefg")  ----> abc ( \n 이 newline의 역할을 함)     efg

    &&(and) : 연산자 양쪽의 변수나 수식이 둘다 참일때만 참(true)값을 결과로 낸다.

    ||(or)    : 둘중 하나만 참이어도 참(true)값을 낸다.

    !(not)     : !다음에 오는 값의 반대값을 낸다.

    ex)주소가 서울이거나 부산인사람

        addr=="서울" ||  addr=="부산"

    ex)점수가 60점이상 90점미만인사람

       score>=60  && score<90(O)

       60<= score < 90   (X)


5. 비교 연산자 : 두값의 대소와 동일여부를 비교하는 조건에서 참,거짓값을 내는 연산

    a == b  : a와 b가 같으면 true                a != b   : a와 b가 같지 않으면 true

    a > b   : a가 b보다 크면 true                a < b   : a가 b보다 작으면 true

    a >= b : a가 b보다 크거나 같으면 true    a <= b : a가 b보다 작거나 같으면 true


6. 조건 연산자 

    c = (조건)? a : b  ----> 조건이 참이면 a값을, 거짓이면 b값을 c에 대입



  if, switch

1. if 문 : 특정조건에 따라 수행되거나 수행되지 말아야 할 일련의 프로그램 코드를 지정하는 명령

    if (조건) { 참일때 처리코드}

    if (조건) { 참일때 처리코드 } else { 거짓일때 처리코드}

    if (조건1) { 조건1이 참일때 처리코드 } 

    else if (조건2) { 조건1이 거짓이고 조건2가 참일때 처리코드} 

    else { 조건1이 거짓이고 조건2가 거짓일때 처리코드}


2. Switch문 : case문과 함께 사용하여 입력값과 같은 조건에 해당하는

              결과를 수행하게 함.

    switch(변수) 

    {

        case 조건1 : 실행문1;  break   ------> 변수 == 조건1 이면 결과1을 수행하고 switch문 나옴

        case 조건2 : 실행문2;  break

                       :

        case 조건8 :                  ------->결과값이 같은 것을 묶어서 한번에 표시한 예

        case 조건9 :                          조건8이 되거나 9,10이 되었을때 모두 결과10을 수행

        case 조건10 : 실행문10; break

        [default:]    실행문

    }


  For, While, Do.... While 반복제어문

1. For 문 : 초기값을 지정해주고 마지막 결과값이 될때까지 반복수행

   for ( 변수명 = 초기값 ; 조건 ; 연산부) { 반복수행될 문장 }   *수행문이 한 line이면 {}생략

   예) for (a = 1; a <= 100 ; a++)  

              document.write(a+",") 

        a 에 초기값1을 주고 100이 될때까지 a값을 1씩 증가하면서 a 를 문서에 쓴다.


2. While 문(선행조건검사) : 먼저 조건이 참인지 확인하고  반복수행

   while (조건){ 문장 }

 

3. do...while문(후행조건검사) : 문장을 먼저 실행한 다음 조건식을 확인

   do { 반복 문장 } while(조건) {조건이 거짓이 되면 수행할 문장}


4. continue문 : 반복 구조의 문장에서 반복실행중 다른 조건에 의해 다시 반복문의 처음으로 이동하게 한다.

   break문  : 반복 문장에서 강제탈출



반응형

'IT > JavaScript' 카테고리의 다른 글

내장개체(String, Date, Math, Array, Function, Screen, Number, Event  (0) 2013.06.29
함수,  (0) 2013.06.28
JavaScript 내장함수  (0) 2013.06.27
JavaScript 변수  (0) 2013.06.27
JavaScript란  (0) 2013.06.27

loading