Javascipt

{
    var x = 100;          //변수 x에 숫자 100을 저장
    var y = 200;          //변수 y에 숫자 200을 저장
    var z = "javascript";    //변수 z에 문자 javascript를 저장

    document.write(*** 01. 변수 ***);
    document.write(x);
    document.write(y);
    document.write(z);
}

{
    let x = 100;          //변수 x에 숫자 100을 저장
    let y = 200;          //변수 y에 숫자 200을 저장
    let z = "javascript";    //변수 z에 문자 javascript를 저장
    x = 300;
    y = 400;
    z = "jquery";

    document.write(*** 02. 변수 ***);
    document.write(x);
    document.write(y);
    document.write(z);
}

{
    let x = 100;          //변수 x에 숫자 100을 저장
    let y = 200;          //변수 y에 숫자 200을 저장
    let z = "javascript";    //변수 z에 문자 javascript를 저장
    x = 300;
    y -= 600;
    z += "jquery";

    document.write(*** 03. 변수 ***);
    document.write(x);
    document.write(y);
    document.write(z);
}

{
    //변수 : 데이터 저장
    //함수 : 데이터 실행
    document.write(*** 04. 변수의 종류 ***);
    let x = 100; //전역변수
    let y = 200; //젼역변수

    function func() {
        let x = 100; //지역변수
        let z = "javascript"; //지역변수
        x = 200; //지역변수 100->200
        y = 300; //전역변수 200->300

        document.write(함수 안);
        document.write(x);
        document.write(y);
        document.write(z);
    }
    func();

    document.write(함수 밖);
    document.write(x);
    document.write(y);
    document.write(z);
}

{
    const x = 100;
    const y = 200;
    const z = "javascript";

    document.write(*** 05. 상수 ***);
    document.write(x);
    document.write(y);
    document.write(z);
}

{
    const arr = new Array();
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript";

    document.write(*** 06. 배열 ***);
    document.write(arr[0];
    document.write(arr[1];
    document.write(arr[2];
}

{
    const arr = new Array(100, 200, "javascript");

    document.write(*** 07. 배열 ***);
    document.write(arr[0];
    document.write(arr[1];
    document.write(arr[2];
}

{
    const arr = [];
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascript"

    document.write(*** 08. 배열 ***);
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

{
    const arr = [100, 200, "javascript"];

    document.write(*** 09. 배열 ***);
    document.write(arr[0]);
    document.write(arr[1]);
    document.write(arr[2]);
}

{
    const obj = new Object();
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "javascript";

    document.write(*** 10. 객체 ***);
    document.write(obj[0]);
    document.write(obj[1]);
    document.write(obj[2]);
}

{
    const obj = new Object();
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";

    document.write(*** 11. 객체 ***);
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

{
    const obj = {};
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascript";

    document.write(*** 12. 객체 ***);
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

{
    const obj = {
    a: 100,
    b: 200,
    c: "javascript",
    }

    document.write(*** 13. 객체 ***);
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

{
    const obj = [
        {a: 100, b: 200},
        {c: "javascript"}
    ];

    document.write(*** 14. 객체  ***);
    document.write(obj[0].a);
    document.write(obj[0].b);
    document.write(obj[1].c);
}

{
    const obj = {
        a: 100,
        b: [200, 300],
        c: {x: 400, y: 500},
        d: "javascript"
    }
    
    document.write(*** 15. 객체  ***);
    document.write(obj.a);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    document.write(obj.d);
}

{
    const a = 100;
    const b = 200;
    const c = "javascript";

    const obj = { a, b, c };

    document.write(*** 16. 객체  ***);
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.c);
}

{
    const obj = {
        a: 100,
        b: [200, 300],
        c: {x: 400, y: 500},
        d: "javascript",
        e: function(){
            document.write("javascript가 실행되었습니다.")
        },
        f: function(){
            document.write(obj.d + "가 실행되었습니다.")
        },
        g: function(){
            document.write(this.d + "가 실행되었습니다.")
        }
    }
    document.write(*** 17. 객체 ***);
    document.write(obj.a);
    document.write(obj.b);
    document.write(obj.b[0]);
    document.write(obj.b[1]);
    document.write(obj.c.x);
    document.write(obj.c.y);
    obj.e();
    obj.f();
    obj.g();
}