IT 프로그래밍/JSP2014. 1. 26. 00:54

이번에는 자바스크립트에서 for 문에 대해서 알아보겠습니다.


글을 읽기 전에 손가락을 꾸~욱 눌러주시면 감사하겠습니다.^^



for문은 주어진 조건이 만족되는 동안 코드를 반복해서 실행하게 됩니다. 단, for문은 처음 실행되기전에 초기화 작업을 한번 수행하고, 매번 실행이 반복될 때마다 증감식을 한번씩 실행하게 됩니다. 다음은 for문의 형식입니다.


for(i = 0; i < 10; i++){

......

}


여기에서 for문은 먼저 i 변수의 초기 값을 0으로 설정한 후, 이 변수 값이 조건을 만족시키는건지(10보다 작은지)를 체크하게 됩니다. 만약 조건을 만족하게 되면 코드를 실행하게 됩니다. 코드 실행 후에는 i++ 증감식에 의해 i 변수가 1로 바뀌게 됩니다. 그런 후 또다시 조건을 검사한 후 조건을 만족하게 되면 다시 한번 코드를 실행하게 됩니다. 이와 같은 방식으로 for문은 조건이 만족되는 동안 반복적으로 코드를 실행하게 되는 것입니다.


예제를 한번 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지 제곱 구하기<p>

<script language="Javascript">

for(i = 1; i <=10; i++){  // 변수 i 의 값이 1부터 시작해서 10보다 크게 될때까지 계속 순환문 작동

document.write(i + "*" + i + " = " + i*i + "<br>")

}

</script>

</body>

</html>


결과는 다음과 같습니다.


1부터 10까지 제곱 구하기

 

1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100


이해가 되셨나요?


궁금하신 점은 댓글 달아주세요~^^


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:57

이번에는 자바스크립트에서 do while 문 사용법에 대해서 알아보겠습니다.


글 읽기 전에 조금 귀찮더라도 손가락 한번 꾸~욱 눌러주세요.^^



do-while문은 while문과 마찬가지로 주어진 조건이 만족되는 동안 지정된 코드를 반복하여 실행하게 됩니다. do-while문은 다음과 같은 형식으로 사용됩니다.


do{

......

}while(조건)


do-while문이 while 문과 다른 점은 일단 문장을 한번 실행한 뒤에 조건을 체크한다는 것입니다. 먼저 코드를 실행한 후 조건을 체크하여 조건이 참이면 계속해서 코드를 실행하게 되고, 거짓이 되는 순간 do-while문을 벗어나게 됩니다.


예제를 한번 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지 제곱 구하기<p>

<script language="Javascript">

i = 1  // 제곱근을 구할 변수 i 선언


do{

document.write(i + " * " + i + " = " + i*i + "<br>")

i++

}while(i < 11)  // i 값이 11보다 크거나 같아질때까지 계속 실행


</script>

</body>

</html>


결과는 다음과 같이 나오게 됩니다.


1부터 10까지 제곱 구하기

 

1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100

 


결과만 놓고 보면 앞전 포스팅한 while문과 크게 차이가 없을듯한데요. 차이점은 조건을 언제 검사하느냐 입니다. while문은 처음부터 조건이 거짓이면 안에 코드들을 실행은 안하지만 do-while 문은 일단 최소 한번은 실행을 하고 조건을 비교해서 계속 수행하는지 아니면 빠져나갈지를 결정하게 됩니다.

만약 처음부터 i 의 값을 12 로 선언을 했다면 while 문에서는 아무것도 출력이 안되고 종료가 되지만 do-while문은 12 + 12 = 144 라는 출력이 된다는 것이죠.


이해가 되셨는가요?


쉽게 설명을 한다고 나름 신경써서 작성을 했는데

 

모르시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:30

이번에는 JSP 에서 while 문을 사용하는 방법에 대해서 알아보겠습니다.


글 읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^




while문은 주어진 조건이 만족되는 동안 반복해서 코드를 실행하고 싶을 때 사용하는 반복 제어문입니다. while문은 다음과 같은 형식으로 사용됩니다.


i = 0

while(i < 300){

......

i++

}


while 문은 제일 처음 시작할때 조건을 참 거짓을 구분하고 참일 경우 while 문 안에 있는 코드들을 한번 실행하고 다시 조건을 참 거짓 판단하고 참이면 계속 코드가 실행이 되는 구조입니다. 조건이 거짓이 되면 while 문을 빠져나오게 됩니다.


위 형식을 보면 i 의 값은 0으로 시작합니다. 그리고 while 문을 한번 돌때마다 i 는 1씩 증가를 하게 됩니다. i 가 300 이 되는 순간 while 문을 벗어나게 됩니다. 즉 위에 같은 경우는 while 문이 300번 회전을 한다고 생각하시면 됩니다.


보다 자세한 예제를 보도록 하겠습니다.


<html>

<head>

</head>

<body>

1부터 10까지의 제곱 구하기<p>

<script language="Javascript">

i = 1  // i 를 1로 선언


while(i < 11){  // i 값이 11보다 크거나 같아질때까지 while문 계속 수행

document.write(i + " * " + i + " = " + i*i + "<br>")

i++  // i 값을 1씩 증가

}

</script>

</body>

</html>


결과는 이렇게 나오게 됩니다.


1부터 10까지 제곱 구하기


1 * 1 = 1

2 * 2 = 4

3 * 3 = 9

4 * 4 = 16

5 * 5 = 25

6 * 6 = 36

7 * 7 = 49

8 * 8 = 64

9 * 9 = 81

10 * 10 = 100


이해가 되셨는가요?


모르시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠
IT 프로그래밍/JSP2014. 1. 25. 20:00

이번에는 자바스크립트에서 if else 문을 사용하는 방법에 대해서 알아보겠습니다.


읽기 전에 손가락 한번 꾸~욱 눌러주세요.^^



우션 형식은 이렇습니다.


if-else는 주어진 조건을 만족시키는 경우 지정된 코드가 실행되도록 하고 싶을 때 사용합니다.


if-else는 다음과 같이 3가지 방식 중 하나로 사용됩니다.



형식 1 

형식 2 

                     형식 3 

if(조건){

    실행 코드 1

}

if(조건){

    실행 코드 1

}else{

    실행 코드 2

}

if(조건 1){

    실행 코드 1

}else if(조건 2){

    실행 코드 2

}else if(조건 3){

    실행 코드 3

}else{

    실행 코드 4

}


형식 1은 조건이 참(true)인 경우에만 코드를 실행시킵니다. 이에 반해 형식 2는 조건이 참(true)인 경우에는 코드 1을 실행하고, 거짓(false)인 경우에는 코드 2를 실행하게 됩니다. 마지막으로 형식 3은 조건 1이 참인 경우에는 코드 1을, 조건 2가 참인 경우에는 코드 2를, 조건 3이 참인 경우에는 코드 3을 실행하게 됩니다. 그리고 앞에 나온 조건들이 모두 거짓(false)라면 마지막 실행 코드 4를 실행하게 됩니다.


간단한 예제를 보도록 하겠습니다.


<html>

<head>

</head>

<body>

<script language="Javascript">

num = 5  // 숫자 5의 값을 가진 변수 num을 선언한다.


if(num > 0){  // num 변수 값이 0보다 큰지 비교한다.

document.write("num 변수의 값은 양수입니다.")

}else if(num < 0){  // num 변수 값이 0보다 작은지 비교한다.

document.write("num 변수의 값은 음수입니다.")

}else{  // num 변수 값이 0보다 크거나 작지 않은 경우

document.write("num 변수의 값은 0입니다.")

}

</script>

</body>

</html>


지금은 num 값이 5 이기 때문에 화면에는 "num 변수의 값은 양수입니다." 가 출력되고 끝이나게 됩니다.

만약 num 값을 -3 으로 주게 된다면 화면에는 "num 변수의 값은 음수입니다." 가 출력됩니다.

num 값이 0 이라면 "num 변수의 값은 0입니다." 가 출력이 됩니다.

if 문은 제일 위에서부터 조건들을 참 거짓을 구분해 오다가 참을 만나게 되면 아래에 있는 else if 와 else 는 다 무시합니다.

else 는 상위 if문 조건과 else if 문의 조건이 모두 거짓이면 실행이 되어집니다.


쉽게 설명한다고 포스팅을 했는데 이해가 잘 되셨는지 모르겠습니다.

이해가 안되시는 부분은 댓글 남겨주세요~


Posted by 정윤문경아빠