'.NET프로그래밍'에 해당되는 글 690건

  1. 2009.07.31 17. 선택문(switch문)
  2. 2009.07.31 16. 조건문(if~else문)
  3. 2009.07.31 15. 대화상자
  4. 2009.07.31 14. 증감연산자
  5. 2009.07.30 13. 대입연산자
  6. 2009.07.30 12. 조건연산자
  7. 2009.07.30 11. 논리연산자
  8. 2009.07.30 10. 관계연산자
  9. 2009.07.30 9. 산술연산자
  10. 2009.07.30 8. 변수선언초기화 참조

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>선택문(switch문)</title>
</head>
<body>

<script type="text/javascript">
    var today = new Date(); // 현재 날짜 정보를 today에 저장
    var mon = today.getMonth() + 1; // getMonth()로 월 정보 가져오기
    switch (mon) {
        case 1: document.write("1월"); break;
        case 2: document.write("2월"); break;
        case 3: document.write("3월"); break;
        case 4: document.write("4월"); break;
        case 5: document.write("5월"); break;
        case 6: document.write("6월"); break;
        case 7: document.write("7월"); break;
        case 8: document.write("8월"); break;
        case 9: document.write("9월"); break;
        default: document.write("뭔 데이???"); break;
    }
       
</script>

<script type="text/javascript">
    // 시간마다 서로 다른 메시지를 출력하는 프로그램
    // 현재 시간?

    var now = new Date(); // 현재 날짜 정보
    var hour = now.getHours(); // 현재 시간

    var msg = "";

    switch (hour)
    {
        case 11: msg = "배고프시죠?"; break;
        case 12: msg = "해가 중천에 떳네요.."; break;
        default: msg = "기타 시간대..."; break;
    }

    document.write("<marquee>안녕하세요.~입니다." + msg + "</marquee>");
   
</script>

</body>
</html>

<!--
- switch문 옆의 괄호안을 '표현식'이라고 한다.
-->

< 실행결과 >





'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

19. 짝수의 합 구하기  (0) 2009.07.31
18. 구간반복 - 반복문(for문)  (0) 2009.07.31
16. 조건문(if~else문)  (0) 2009.07.31
15. 대화상자  (0) 2009.07.31
14. 증감연산자  (0) 2009.07.31
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>조건문(if~else문)</title>
</head>
<body>

<script type="text/javascript">
    var num = window.prompt("정수를 하나 입력하시오.", "");
    // if문 : 단순 if문
    if (num % 2 == 0)       //조건식
    {
        window.alert(num + "는 짝수입니다.");       // 실행문
    }
    // else문
    if (num % 2 != 0) {         // 조건식
        window.alert("홀수");   // 참일 때 실행문
    }
    else {
        alert("짝수");      // 거짓일 때 실행문
    }
    // else if문 : 다중 if문
    if (num % 3 == 0) {
        alert("3의 배수");
    }
    else if (num % 5 == 0) {
        alert("5의 배수");
    }
    else if (num % 7 == 0) {
        alert("7의 배수");
    }
    else {
        alert("3, 5, 7의 배수가 아닌 수");
    }

</script>

</body>
</html>


<!--
- if문 같은 조건식은 3항연산자(?:)로도 사용할 수 있다.
- window.alert();형식의 문장에서 앞쪽의 "window."은 생략가능하다.
-->

< 실행결과 >


1. 실행 첫화면



2. 숫자 2를 대입한 후 확인버튼 누른 후 화면



3. 2번째 화면에서 확인버튼을 누른 후 화면(2번째 예제인 'else'문에 걸려서 실행된 결과임.)



4. 3번째 화면에서 확인버튼을 누른 후 화면(3번째 예제인 "else if"문에 걸려서 실행된 결과임. --> 위에서 2를 대입하였으므로 else if문의 어떤 if조건문에도 만족되지 못해서 맨 아래에 있는 else문이 실행됨.)



'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

18. 구간반복 - 반복문(for문)  (0) 2009.07.31
17. 선택문(switch문)  (0) 2009.07.31
15. 대화상자  (0) 2009.07.31
14. 증감연산자  (0) 2009.07.31
13. 대입연산자  (0) 2009.07.30
Posted by holland14
:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>대화상자</title>
</head>
<body>

<script type="text/javascript">
    // 자바스크립트에서의 3가지 대화상자(DialogBox)
    // 경고 대화상자(메시지 박스) : alert()
    // 확인 대화상자(컨펌 박스?) : confirm()
        // 참(확인) 또는 거짓(취소)을 반환
    // 입력 대화상자(인풋 박스?) : prompt()   ==> 현재는 거의 안쓰인다.
   
    // 경고
    window.alert("안녕하세요.");
   
    // 확인
    var flag = window.confirm("남자 또는 여자?"); // flag에는 true/false
    var msg = (flag == true) ? "남자군요..." : "여자군요...";  // 3항연산자 사용
    window.alert(msg);
   
    // 입력
    var age = window.prompt("당신의 나이는?", "여기에 입력하시오...");
    window.alert("당신의 나이는" + age + "입니다.");
   
</script>

</body>
</html>


< 실행결과 >

1. 첫화면 ==> "경고 대화상자"



2. 1번째 확인 버튼을 누른 후 화면 ==> "확인 대화상자" 첫번째



3. 2번째에서 확인(true)버튼을 누른 후 화면.('취소(false)'버튼을 누르면 메시지박스에 "여자군요..."라는
    텍스트가 나타난다. ==> "확인 대화상자" 두번째



4. 3번째에서 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 첫번째



5. 입력란에 '21'이라는 값을 입력한 후 확인 버튼을 누른 후 화면 ==> "입력 대화상자" 두번째


'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

17. 선택문(switch문)  (0) 2009.07.31
16. 조건문(if~else문)  (0) 2009.07.31
14. 증감연산자  (0) 2009.07.31
13. 대입연산자  (0) 2009.07.30
12. 조건연산자  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>증감연산자</title>
</head>
<body>

<script type="text/javascript">
    // 증감연산자.htm
   
    // 증감연산자 : ++, --
    // 증가 : ++ : 정수형 변수의 값을 1증가
    // 감소 : -- : 정수형 변수의 값을 1감소
    // 전위 : 변수 앞에 : 증감 후 대입
    // 후위 : 변수 뒤에 : 대입 후 증감

    //[1] 변수 선언
    var a = 3;
    var b = 5;
    var c = 7;
    var r = 0;
   
    //[2] 증감식 처리
    r = (--a - --b) * --c;

    //[3] 결과 확인
    document.write("a : " + a + "<br />");
    document.write("b : " + b + "<br />");
    document.write("c : " + c + "<br />");
    document.write("r : " + r + "<br />");

</script>

</body>
</html>


<!-- 추가예제 및 풀이

    r = ++a + --b;  // a=4, b=4로 증감 후 덧셈. r = 8
    r = a++ + b--;  // a=3, b=5인 상태로 덧셈한 다음에 a=4, b=4로 증감. r = 8
    r = ++a + ++b - --c;    // a=4, b=6, c=6으로 증감 후 더하기 빼기. r = 4
    r = --a + b-- * --c;    // a=2, b=5, c=6인 상태로 곱한 후 더하기. r = 32 그 다음 b=4로 감소
                              - 우선순위 : 전위 연산 => 곱하기 => 더하기 => 후위 연산
    r = (--a - --b) * --c;  // a=2, b=4, c=6으로 감소 후 괄호안 뺄셈 후 곱하기. r = -12
                              - 우선순위 : 전위 연산 => 괄호(-) => 곱하기
                             
-->



< 실행결과 >






'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

16. 조건문(if~else문)  (0) 2009.07.31
15. 대화상자  (0) 2009.07.31
13. 대입연산자  (0) 2009.07.30
12. 조건연산자  (0) 2009.07.30
11. 논리연산자  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>대입연산자</title>
</head>

<body>

<script type="text/javascript">
    // 대입(할당) 연산자 : =, +=, -=, *=, /=, %=

    var a, b, c;

    a = 3;
    b = 5;
    c = 7;

    // a = a + b; // a와 b를 더한 값을 다시  a에 대입
    a += b; // a == 8

    c += a; // c에 a를 더한 후 다시 c에 대입

    document.write(c + "<br />"); // 15

</script>

</body>
</html>

< 실행결과 >






'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

15. 대화상자  (0) 2009.07.31
14. 증감연산자  (0) 2009.07.31
12. 조건연산자  (0) 2009.07.30
11. 논리연산자  (0) 2009.07.30
10. 관계연산자  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>조건연산자</title>
</head>

<body>

<script language="javascript" type="text/javascript">
    // 조건(3항) 연산자 : ?:
    // 조건식이 참이면, 첫번째 문장 수행,
    // 조건식이 거짓이면, 두번째 문장 수행

    var result = (3 % 2 == 0) ? "짝수" : "홀수";

    document.write("결과값 : " + result); // 홀수

    document.write(
        (4 % 2 != 1) ? "<br />짝수" : "<br />홀수"
    ); // 짝수

</script>

</body>
</html>

<!--
- 조건연산자 형식 ==> 1항 ? 2항 : 3항
- 위의 코드아래 쪽을 보면 조건연산자 관계식이 write메서드의 괄호 안에 들어올 수 있는 것을 볼 수 있다.
-->


< 실행결과 >





'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

14. 증감연산자  (0) 2009.07.31
13. 대입연산자  (0) 2009.07.30
11. 논리연산자  (0) 2009.07.30
10. 관계연산자  (0) 2009.07.30
9. 산술연산자  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>논리연산자</title>
</head>

<body>

<script language="javascript" type="text/javascript">
    // && 연산자(AND) :  둘 다 참일 때에만 참
    // || 연산자(OR) : 하나라도 참이면 참
    // ! 연산자(NOT) : 참이면 거짓으로, 거짓이면 참으로

    // true && true -> true
    document.write((10 > 5) && (5 != 3) + "<br />");

    // true ||false -> true
    document.write((10 >= 5) || (5 == 3) + "<br />");

    // !false -> true
    document.write(!(10 <= 5)); // true
</script>

</body>
</html>


< 실행결과 >




'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

13. 대입연산자  (0) 2009.07.30
12. 조건연산자  (0) 2009.07.30
10. 관계연산자  (0) 2009.07.30
9. 산술연산자  (0) 2009.07.30
8. 변수선언초기화 참조  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>관계연산자</title>
</head>

<body>

<script language="javascript" type="text/javascript">
    // == : 같은지? 같으면 참, 그렇지 않으면 거짓
    // != : 다른지? 다르면 참, 같으면 거짓
    // >=, >, <, <=

    var a = 3;
    var b = 5;

    document.write((a == b) + "<br />"); // false
    document.write((a != b) + "<br />"); //true

    document.write(a >= b); // false

</script>

</body>
</html>

< 실행결과 >





'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

12. 조건연산자  (0) 2009.07.30
11. 논리연산자  (0) 2009.07.30
9. 산술연산자  (0) 2009.07.30
8. 변수선언초기화 참조  (0) 2009.07.30
7. 기본출력문  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>산술연산자</title>
</head>

<body>

<script language="javascript" type="text/javascript">
    // 산술연산자 : +, -, * ,/, %
    var intNum1 = 10;
    var intNum2 = 3;

    document.write(intNum1 + intNum2 + "<br />"); // 13

    // 10%3 -> 몫 : 3, 나머지 : 1, 결과값 : 1(나머지값)
    document.write(intNum1 % intNum2 + "<br />"); // 1
</script>

</body>
</html>

<!--

- %는 "나머지값"을 구하는 산술연산자이다.
- var intNum1 = "10"; // 10이라는 문자열 저장한다. 이 경우 var intNum2 = 3; 와 덧셈연산을 하면 실행결과는 '103'으로 출력된다.

-->


< 실행결과 >





'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

11. 논리연산자  (0) 2009.07.30
10. 관계연산자  (0) 2009.07.30
8. 변수선언초기화 참조  (0) 2009.07.30
7. 기본출력문  (0) 2009.07.30
6. 객체 속성 메서드(함수) 이벤트 사용  (0) 2009.07.30
Posted by holland14
:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>
    <title>변수선언초기화 참조</title>
</head>

<body>
<script type="text/javascript">
    //[0]변수(Variable) : 프로그램에서 사용하는 데이터를 임시 보관하는 "메모리상의 임시 데이터 저장공간(그릇)"

    //[1] 변수 선언(정의)
    var num; // num이라는 이름으로 변수 만들자
    //[2] 변수 초기화(할당)
    num = 1234; //1234를 대입
    //[3] 변수 참조
    document.write("num에 들어있는 값 : " + num + "<br />");

    //[!] 변수 이름 짓는 법: 파스칼표기법, 헝가리언표기법, 낙타(Camel)표기법
    var my_num = 1234; // _(언더바)로 구분, C/C++에서 많이 쓴다.
    var strnum = "1234"; // 접두사(str)로 구분, VB에서 많이 쓴다.
    var myNum = '1234'; // 두번째 단어 이후의 첫자를 대문자로, C#과 Java에서 많이 쓴다.
    var intMyAge = 21; // 3가지 방식 혼용(현대)
</script>
</body>
</html>


<!-- .NET에서는 낙타표기법을 기준으로 본다. 낙타표기법과 혼용방식을 써라! -->
<!-- 블로그에 세가지 표기법에 대한 자료 올려놓을 것! -->



< 실행결과 >






'.NET프로그래밍 > JavaScript 1.2' 카테고리의 다른 글

10. 관계연산자  (0) 2009.07.30
9. 산술연산자  (0) 2009.07.30
7. 기본출력문  (0) 2009.07.30
6. 객체 속성 메서드(함수) 이벤트 사용  (0) 2009.07.30
5. 자바스크립트 작성 시 주의할 점  (0) 2009.07.30
Posted by holland14
: