javascript

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

    x = 300;            //변수를 중간에 변경해도 정상 작동됩니다.
    y = 500;
    z = "react";

    console.log(x);
    console.log(y);
    console.log(z);
}

{
    let x = 100;
    let y = 200;
    let z = "javascript";
    
    x += 300;        // x = x + 300 
    y += 400;        // y = y + 400 
    z += "react";
    
    console.log(x);
    console.log(y);
    console.log(z);
}

{
    const x = 100;
    const y = 200;
    const z = "javascript";
    
    x = 300;        //const(상수)는 변경이 불가능합니다.
    y = 400;
    z = "react";               
    
    console.log(x);
    console.log(y);
    console.log(z);
}

{
    const arr = new Array();    
    arr[0] = 100;              //배열 값을 따로 저장해줍니다.
    arr[1] = 200;
    arr[2] = "javascript";

    console.log(arr[0]);       //배열 [0]첫번째 값을 불러옵니다.
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const arr = new Array(100, 200, "javascript");  //배열코드안에 직접 여러개의 값을 저장합니다.

    console.log(arr[0]);    
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const arr = [ ];        //특정 선언코드를 생략했습니다.
    arr[0] = 100;
    arr[1] = 200;
    arr[2] = "javascrip";

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const arr = [100, 200, "javascrip"];   //특정 선언코드를 생략하고 배열 안에 직접 값을 여러개 저장합니다.

    console.log(arr[0]);
    console.log(arr[1]);
    console.log(arr[2]);
}

{
    const obj = new Object();       //객체 키와 값을 따로 저장해줍니다.
    obj[0] = 100;
    obj[1] = 200;
    obj[2] = "javascript";

    console.log(obj[0]);
    console.log(obj[1]);
    console.log(obj[2]);
}

{
    const obj = new Object();       
    obj.a = 100;                //객체 변수에 변수명을 직접 선언해서 저장할 수 있습니다.
    obj.b = 200;
    obj.c = "javascrip";

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = { };        //특정 선언코드를 생략
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascrip";

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = {a:100, b:200, c:"javascript"};        //객체 안에 키와 값을 한번에 적을수 있습니다.
    obj.a = 100;
    obj.b = 200;
    obj.c = "javascrip";

    console.log(obj.a);
    console.log(obj.b);
    console.log(obj.c);
}

{
    const obj = [           //[ ] 안에 여러 배열,객체값을 넣을 수 있습니다.
        {a:100, b:200},         //obj[0] 줄입니다.
        {c:"javascript"}        //obj[1] 줄입니다. 
    ];

    console.log(obj[0].a);  //[배열].(객체) 를 사용하여 값을 출력합니다.
    console.log(obj[0].b);
    console.log(obj[1].c);
}

{
    const obj = {
        a: 100,                 //다음 배열값을 넣을때 쉼표를 붙여줍니다.
        b: [200, 300],          
        c: {x: 400, y: 500},
        d: "javascript"
    };

    console.log(obj.a);     
    console.log(obj.b[0]);  //(객체).변수명[배열] 을 사용하여 값을 출력합니다.
    console.log(obj.b[1]);
    console.log(obj.c.x);   //객체안에 저장된 객체값도 불러올 수 있습니다.
    console.log(obj.c.y);
    console.log(obj.d);
}

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

    const obj = {a, b, c};  //위 상수값을 객체에 넣는 작업입니다.

    console.log(a);
    console.log(b);
    console.log(c);
    
    // console.log(obj.a);   ( ) 안에 obj. 를 붙여도 정상작동됩니다.
    // console.log(obj.b);
    // console.log(obj.c);
}

{
    const obj = {
        a: 100,
        b: [200, 300],
        c: "javascript",
        d: function(){          //function는 함수입니다.
            console.log("javascript가 실행되었습니다.")
            }
    };
    console.log(obj.a);
    console.log(obj.b[0]);
    console.log(obj.b[1]);
    console.log(obj.b[2]);  //b배열의 2번은 존재하지않아 undefined 가 뜹니다.
    console.log(obj.c);
    console.log(obj.d);     //(X) 문자열 그대로 나옵니다.
    obj.d( );                    //함수 실행문은 이렇게 출력합니다.
}

{
    1. 식별자는 반드시 글자(a-z, A-Z), 숫자(0-9), 밑줄(_), 혹은 달러 기호($)로 시작해야 합니다.
    2. 식별자는 예약어(reserved keyword)로 사용되는 단어를 사용해서는 안됩니다. 예약어는 자바스크립트에서 특별한 의미를 가지는 단어로, 변수나 함수의 이름 등으로 사용될 수 없습니다.
    3. 식별자는 대소문자를 구분합니다. 예를 들어, "myVar"와 "myvar"은 서로 다른 식별자입니다.
    4. 식별자는 유니코드 문자도 포함할 수 있습니다.
}
//예시
// 유효한 식별자
    var myVariable;
    var my_function_name;
    var $myObject;
    var _myObject;
    var π = 3.14;

// 유효하지 않은 식별자
    var 123myVariable; // 숫자로 시작해서는 안됨
    var my-variable; // 하이픈(-)을 사용해서는 안됨
    var if = 10; // 예약어를 사용해서는 안됨

{
    아래는 JavaScript에서 사용되는 예약어의 전체 목록입니다.

    abstract, await, boolean, break, byte, case, catch, char, class, const, continue,
    debugger, default, delete, do, double, else, enum, export, extends, false, final, 
    finally, float, for, function, goto, if, implements, import, in, instanceof, int, 
    interface, let, long, native, new, null, package, private, protected, public, return, 
    short, static, super, switch, synchronized, this, throw, throws, transient, true, try,
    typeof, var, void, volatile, while, with, yield
}

{
    //예시 1번.
    let hap, j, k, l;
    j = k = l = 1;
    hap = ++j + k++ + ++l;

    console.log(hap); //2+1+2 등호보다 전치가 우선순위 입니다.
    console.log(j); //2 결과값은 전치,후치 적용이 됩니다.
    console.log(k); //2
    console.log(l); //2
    
    //예시 2번.
    let a = 1, b = 2, c = 3, result;
    result = ++a + b++ + ++c;

    console.log(result); //2+2+4=8
    console.log(a);     //2
    console.log(b);     //3
    console.log(c);     //4

    //예시 3번.
    let x = 7, y = 7, result;

    result = x > y ? ++x : y--;

    console.log(result);    //y = 7, 후치이므로 뺀 값이 적용이 안됐습니다.
    console.log(x);     //7
    console.log(y);     //6

    //예시 4번.
    let a, b, c, result;
    a=20, b=30, c=40;

    result = a < b ? b++ : --c;

    console.log(result);    //b=30
    console.log(a);         //20    
    console.log(b + c);     //31+40 =71
    console.log(c);         //40
}

{
    //암시적 형변환
    let num = 10;
    let str = "20";
    let result = num + str; // "1020"

    //명시적 형변환
    let str = "123";
    let num = Number(str); // 123
    let bool = Boolean(str); // true


    //typeof
    console.log(typeof 123); // "number"
    console.log(typeof "hello"); // "string"
    console.log(typeof true); // "boolean"
    console.log(typeof undefined); // "undefined"
    console.log(typeof null); // "object"
    console.log(typeof []); // "object"
    console.log(typeof {}); // "object"
    console.log(typeof function() {}); // "function"
}

{
    //1. 비트 AND(&) 연산자 예시:
    0b1010 & 0b1100 = 0b1000    
    //0b는 이진수임을 나타냅니다.  
    //두 비트가 모두 1일 경우에만 결과값이 1이 됩니다.

    //2. 비트 OR(|) 연산자 예시:
    0b1010 | 0b1100 = 0b1110
    // | 연산자는 두 비트 중 하나 이상이 1이면 결과값이 1이 됩니다.

    //3. 비트 XOR(^) 연산자 예시:
    0b1010 ^ 0b1100 = 0b0110
    // ^ 연산자는 두 비트 중 하나만 1일 경우에 결과값이 1이 됩니다.

    //4. 비트 NOT(~) 연산자 예시:
    ~0b1010 = 0b0101
    // ~ 연산자는 비트 값을 반전시킵니다.

    //5. 비트 왼쪽 시프트(<<) 연산자 예시:
    0b1010 << 2 = 0b101000
    //<< 연산자는 이진수를 왼쪽으로 이동시키며, 오른쪽에는 0이 추가됩니다.
    //왼쪽으로 2번 시프트한 결과입니다.

    //6. 비트 오른쪽 시프트(>>) 연산자 예시:
    0b1010 >> 1 = 0b0101
    // >> 연산자는 이진수를 오른쪽으로 이동시키며, 왼쪽에는 0이 추가됩니다.
}