'변수'에 해당되는 글 2건

  1. 2012.06.18 [6단원] 함수(Function)
  2. 2012.06.14 [2단원] 자바 스크립트의 기본 개념(2)

Ⅰ  함수

  ● 함수 : 프로그램 내에서 특정 작업을 수행하기 위해 만들어진 명령어들의 모임

  ※ 이때 입력되는 것을 매개변수(parameter)

  ※, 함수 계산 결과 나오는 것을 리턴값(return value)

 

  ◈ 함수의 기본 형식

 function 함수이름(){
               함수가 호출되었을 때 실행할 문장
                }

 

함수는 FUNCTION이라는 명령어를 사용하여 사용자가 임의의 함수이름을 정해야 하고 함수 이름 다음에는 반드시 괄호를 입력해 주어야 한다.
이 괄호 안에는 함수에 지정될 변수의 값이나 변수의 이름이 입력이 되며, 이러한 이름은 생략되기도 한다. 


[예제소스]

 

 <HTML>
    <HEAD>
         <SCRIPT LANGUAGE="Javascript">
          <!--
         function test_01(){
                for(i=1;i<=10;i++)
                document.write("안녕하세요")
           }
          //-->
          </SCRIPT>
    </HEAD>
    <BODY>
          <SCRIPT LANGUAGE="Javascript">
          <!--
                 test_01()
          //-->
          </SCRIPT>
    </BODY>
 </HTML>
 

 

 

 

 

  test_01() 함수에 "안녕하세요"를 열번 출력하도록 정의

 

 

 

 

 

 

 

 위에 정의한 test_01() 함수를 호출

 

 

 

 


 

  ● 매개 변수가 없는 경우 : 함수 중 가장 간단한 형태, 단순하게 반복적인 문장을 수행


[예제소스]

<HTML>
    <HEAD>
        <SCRIPT LANGUAGE="Javascript">
        <!--
           function test_03{
                alert("반갑습니다")
                }
        //-->
        </SCRIPT>
    </HEAD>
    <BODY>
        <SCRIPT LANGUAGE="Javascript">
        <!--
               test_03()
         //-->
        </SCRIPT>
    </BODY>
</HTML>

 

 

 

 

  <head>태그안에 test_03이라는 함수에 "반갑습니다"라는 메시지 대화상자를 만들어 주도록 정의

 

 

 

 

 

위에 정의한 test_03() 함수를 호출

 

 

 

 

 


● 매개 변수가 있는 경우 :  함수 실행 시 매개 변수를 건네주고 실행이 된다는 의미

[예제소스]

 <HTML>
     <HEAD>
         <SCRIPT LANGUAGE="Javascript">
         <!--
        id=prompt("ID를 입력해 주세요","")
        function test_04()
        {
        document.write("<h4>반갑습니다."+id+"님"+</h4>")
           }
         //-->
         </SCRIPT>
     </HEAD>
     <BODY>
         <SCRIPT LANGUAGE="Javascript">
         <!--
         test_04()
         //-->
         </SCRIPT>
     </BODY>

 </HTML>

 

 

 

 

<head>에서 입력대화상자를 이용하여 매개 변수를 입력받아 " 반갑습니다. id 님" 이라고 출력하도록  test_04 라는 함수를  정의

 

 

 

 

 

 

 

위에서 정의한 함수를 호출하여 출력

 

 

 

 

 

● 리턴값이 있는 경우 : 함수를 수행한 후의 결과 값을 함수를 호출한 문장으로 보낸다.


[예제소스]

 

 <HTML>
     <HEAD>
         <SCRIPT LANGUAGE="Javascript">
         <!--
          function test_06(question)
             {
             Var answer
             answer=confirm(question)
             if(answer==true)
                return "네, 사용하실 수 있으시군요"
             else
                return "아직 사용하실 수 없으시군요. "
             }
         //-->
         </SCRIPT>
     </HEAD>
     <BODY>
         <h2>자바스크립트에서 함수를 사용할 수 있습니까?</h2>
         <SCRIPT LANGUAGE="Javascript">
         <!--
             var answer
             answer=test_06("yes면 확인,no면 취소")
             document.write("<h3>"+answer+"</h3>")
         //-->
         </SCRIPT>
    </BODY>
 </HTML>

 

 

 

 

test_06함수는 선택 대화상자를 통해 입력받는 값에 따라 리턴값이 달라지는 함수이다.

 

 

 

 

 

 

 

 

answer=test_06("yes면 확인,no면 취소")는 선택대화상자에 보여질 메시지를 입력하는 것이며, document.write("<h3>"+answer+"</h3>")는 출력문을 만들어 주는 것이다.


 
Ⅱ  지역변수와 전역변수

  - 함수 내에서 변수에 var를 입력하면 이 변수는 이 함수 안에서만 적용이 되고,

    이 함수를 벗어나면 정의 되지 않은 변수로 인식하는데 이를 지역변수라고 한다. 

  - 반면에,  var를 입력하지 않은 변수는 전역변수라고 하고 문서 전체에 변수의 내용이 정의된다.


[형식]

 function(){
      var 변수     <--- 지역변수로 정의한 것
      변수          <--- 전역변수로 정의한 것
       }

 

[예제소스]

 <HTML>
     <HEAD>
     <TITLE>예제4</TITLE>
        <SCRIPT LANGUAGE="Javascript">
        <!--
            function test(a,b)
                 {
                 c=a+b
                 document.write(c+"<br>")
                  }
        //-->
        </SCRIPT>
     </HEAD>
     <BODY>
        <SCRIPT LANGUAGE="Javascript">
        <!--
             test(10,20)
             document.write(c+1)
        //-->
        </SCRIPT>
     </BODY>
 </HTML>

 

[설명]

태그 연습장에 입력할 때 c앞에 var가 입력되어 있지 않은 상태의 결과를 확인해 보면 c를 전역변수로 인식을 하기 때문에 브라우저 창에 30과 31이라는 숫자가 출력되지만, c앞에 var를 입력했을 때의 결과를 확인해보면 이는 지역변수로 함수 안에서만 실행이 되어 브라우저 창에는 숫자 30만 출력된다. 


 

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 진짜깨비

Ⅰ 출력문 만들기 - document.write()

 

자바스크립트에서 텍스트를 화면에 나타나게 하는 명령어

 

◈ document.write()형식 

 document.write("화면에 출력할 내용")

 

  괄호 안에 (작은따옴표')나 ""(큰따옴표)를 이용하여 출력 하고자 하는 내용 입력하면 된다.


[예제소스]

 <HTML>
      <HEAD>
           <TITLE>웹페이지에 제목 지정</TITLE>
           <SCRIPT LANGUAGE="Javascript">
           <!--
              document.write("깨비의 평범한블로그")
            //-->
           </SCRIPT>
      </HEAD>
      <BODY> </BODY>
 </HTML>

 

[결과물]

 

 깨비의 평범한블로그 

 

 

 


Ⅱ 데이터의 종류

 

  ▶ 정수형 : 3,7,-5,-10과 같은 숫자
  ▶ 부동소수점 : 자리수가 불규칙한 숫자   ex) 16.78, 205.3, -5.7, -100.5
  ▶ 문자열 : 작은 따옴표와 큰 따옴표 사이에 들어가는 문자들을 의미   ex) "자바스크립트"
  ▶ Boolean : 참과 거짓으로 표현해주는 연산자    ex) true와 false로 인식
  ▶ 기타
    - Null : 정의되지 않은 값, 아무 값도 없는 의미
    - Undefined : 변수를 선언해놓고 아무런 값을 할당해 놓지 않았을 때 갖는 값
    - NaN : "Not a Number"의 약자로 숫자가 아니라는 의미
    - Infinity : 무한대와 값이 표현 할 수 없이 매우 큰 값을 가진 경우에 할당되는 값

 

 

Ⅲ 변수의 설정

 

  ◈ 변수 설정 형식

변수이름 = 값
 또는,
 var 변수이름 = 값

 

  <변수명 선언 시 주의사항>
    - 변수는 반드시 알파벳 문자나 "_"로 시작해야 하고 한글은 사용할 수 없다.
    - 변수는 영문자의 대·소문자를 구분한다. 문자가 같더라도 대문자와 소문자를 따로 인식한다.
    - 자바 스크립트의 키워드(예약어)는 변수로 사용할 수 없다. 키워드는 다음과 같다.

 abstract

boolean

break

byte

case

 catch

char

class

const

continue

 default

do

double

else

extends

 false

final

finally

float

for

 function

goto

if

implements 

import 

 in

 instanceof

int

interface

long 

 native

 new 

null  

package  

private 

 protected

 public 

 return 

short  

static 

 super

 switch

synchronized

this

throw

 throws

 transient

true

try

var

 void

while 

 with

 

 

 

[예제소스] 

<HTNL>

    <HEAD>
    <TITLE>변수 선언하기</TITLE>
        <SCRIPT Language="Javascript">
        <!--
        a=10 
        document.write(a)
        //-->
        </SCRIPT>
    </HEAD>
    <BODY>
    </BODY>
</HTML>

 

[결과물]

 

 10 

 

 


Ⅳ 연산자 사용 : 수치연산자, 비교연산자, 조건연산자 등

 

  ◈ 수치연산자 : 더하기, 빼기, 곱하기, 나누기 등의 수치 계산 연산자

 

연산기호

보기

의   미

+

A+B

 A와 B를 더한다

-

A-B

 A에서 B를 뺀다

*

A*B

 A와 B를 곱한다

/

A/B

 A에서 B를 나눈다

%

A%B

 A를 B로 나눈 값의 나머지를 표시한다

=

A=B

 A에 B를 대입한다

 

  ◈ 증가연산자 : 변수에 1을 더하거나 빼 주는 연산자 

연산기호

의    미

풀어쓰기

A=++B

 변수 B에 1을 더한 값을 변수 A에 할당한다

A=B+1

A=--B

 변수 B에 1을 뺀 값을 변수 A에 할당한다

A=B-1

A=B++

 변수 B값을 A에 할당한 다음 B값에 1을 더한다

A=B, B=B+1 

 A=B--

 변수 B값을 A에 할당한 다음 B값에 1을 뺀다

A=B, B=B-1 

    ▶ 단항연산자 : 변수 앞에 부호를 붙인 것으로 +A라고 쓰면 (+1)A이 된다.

 

  ◈ 비교연산자 : 두 개의 값을 비교하는 연산자

 

연산자

의    미

A==B 

 A와 B가 같다

A!=B 

 A와 B가 같지 않다

A<B

 A가 B보다 작다

A<=B

 A가 B보다 작거나 같다

A>B

 A가 B보다 크다

A>=B

 A가 B보다 크거나 같다

     

  ◈ 대입 연산자 : 오른쪽의 값을 왼쪽으로 대입하는 연산자

연산기호

의    미

풀어쓰기

A+=B

 변수 A와 B를 더한 값을 다시 A에 대입한다

A=A+B

A-=B

 변수 A와 B를 빼기 한 값을 다시 A에 대입한다

A=A-B

A*=B

 변수 A와 B를 곱한 값을 다시 A에 대입한다

A=A*B

A/=B

 변수 A와 B를 나눈 값을 다시 A에 대입한다

 A=A/B

A%=B

 변수 A와 B를 나눈 후 나머지 값을 다시 A에 대입한다

A=A%B


  ◈ 조건 연산자 : 주어진 조건이 참인지 거짓인지를 판단하여 결과 값을 리턴하는 연산자

 

조건 ? 참(True) : 거짓(Flase) 

  ▶ 조건연산자의 경우의 수

     - 두 가지 조건을 동시에 만족해야만 참인 AND조건
     - 두 가지 조건 중 하나만 만족해도 참인 OR조건 연산자
     - 주어진 하나의 조건이 참인지 거짓인지에 따라 적절한 값을 취하는 ? 연산자

 

  ◈ 연산자의 우선순위 : 연산자들이 한꺼번에 사용될 경우 우선순위

우선순위 

연산자 

 1

.,(),[] 

 2

!,++,-- 

 3

*,/,%

 4

+,- 

 5

<<,>> 

 6

<,<=,>,>= 

 7

 ==, !=

 8

 &

 9

 10

|

 11

&&

 12

|| 

 13

? :

 14

=,+=,-+,*=,/+,<<=,>>=,>>>=,&=,^=,|= 

 

 

저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 진짜깨비
이전버튼 1 이전버튼

블로그 이미지
진짜깨비
Yesterday4
Today7
Total12,488

달력

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

최근에 받은 트랙백

글 보관함


티스토리 툴바