๋ณธ๋ฌธ์œผ๋กœ ๋ฐ”๋กœ๊ฐ€๊ธฐ
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 1
      // var๋กœ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋Š” ์ •์ˆ˜๋“ , ๋ฌธ์ž๋“  ๋‹ค ์ž์œ ์ž์žฌ๋กœ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค.
      var a = 1;
      a = "test";
      console.log(a + 1);

      //2
      // ==: ๋™๋“ฑ์—ฐ์‚ฐ์ž, ===: ์ผ์น˜์—ฐ์‚ฐ์ž
      // ==: ๊ฐ’(์˜๋ฏธ) ๋น„๊ต, ===: ๊ฐ’(์˜๋ฏธ) & ๋ฐ์ดํ„ฐํƒ€์ž… ๋น„๊ต
      console.log(1 == 1); //true
      console.log(1 == "1"); //true
      console.log(1 === "1"); //false

      console.log(undefined == null); //true
      console.log(undefined === null); //false

      console.log(1 == true); //true
      console.log(1 === true); //false

      //3
      // ==: ์˜๋ฏธ ๋น„๊ต, ===: ์˜๋ฏธ, ํƒ€์ž… ๋น„๊ต
      console.log(1 != "1"); //false
      console.log(1 !== "1"); //true

      //4
      // ์กฐ๊ฑด๋ฌธ
      if (true) {
        console.log("result is true");
      }
      if (false) {
        var age = prompt("๋‚˜์ด๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.");
        if (age === "25") {
          alert("25 good bye!");
        }

        var id = prompt("id๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.");
        if (id == "sunakang") {
          var pw = prompt("pw๋ฅผ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.");
          if (pw == "sunakang") {
            alert("Hello, " + id);
          } else {
            alert("๋น„๋ฐ€๋ฒˆํ˜ธ๋ฅผ ๋‹ค์‹œ ์ž…๋ ฅํ•ด์ฃผ์„ธ์š”.");
          }
        } else {
          alert("๋ˆ„๊ตฌ์„ธ์š”?");
        }
      }

      //5
      // ๋ฐ˜๋ณต๋ฌธ
      while (false) {
        console.log("hi");
      }

      //6
      // ํ•จ์ˆ˜
      /**
       * 1. ์žฌ์‚ฌ์šฉ์„ฑ
       * 2. ์œ ์ง€๋ณด์ˆ˜ ์šฉ์ด
       * 3. ๊ฐ€๋…์„ฑ
       **/
      function numbering() {
        var i = 0;
        while (i < 5) {
          document.write(i + "<br/>");
          i++;
        }
      }
      //numbering();

      // ์ถœ๋ ฅ - return
      function get_member() {
        return "suna"; //์ถœ๋ ฅ๋˜๊ณ  ๋
        return "sun";
        return "sunakang";
      }
      console.log(get_member());

      // ์ž…๋ ฅ
      // - ์ „๋‹ฌํ•˜๋Š” ๊ฐ’ = ์ธ์ž(argument)
      // - ์ „๋‹ฌ๋ฐ›๋Š” ๋ณ€์ˆ˜ = ๋งค๊ฐœ๋ณ€์ˆ˜, ํŒŒ๋ผ๋ฏธํ„ฐ(parameter)
      // value: ๋งค๊ฐœ๋ณ€์ˆ˜(parameter)
      function get_argument(value) {
        return value * 2;
      }
      // 100: ์ธ์ž(argument)
      console.log(get_argument(100));

      // ํ•จ์ˆ˜ ํ˜•ํƒœ2
      var write_function = function write_function() {
        return "fuction<br/>";
      };
      console.log(write_function);

      // ํ•จ์ˆ˜ ํ˜•ํƒœ3 - ์ต๋ช…ํ•จ์ˆ˜, ์ •์˜์™€ ํ˜ธ์ถœ์„ ๋™์‹œ์— ํ•จ
      (function () {
        console.log("suna");
      })();

      //7
      // ๋ฐฐ์—ด
      var member = ["kang", 1, "suna"];
      console.log(member[0] + " & " + member[1]);

      function get_member2() {
        return ["1", 2, 3.3];
      }
      var member2 = get_member2();
      console.log(member2[0] + " & " + member2[1] + " & " + member2[2]);

      var member3 = ["kang", "suna", "test"];
      for (var i = 0; i < member3.length - 1; i++) {
        console.log(member3[i].toUpperCase() + "<br/>");
      }

      var list = [1, 2, 3];
      // push: ๊ผฌ๋ฆฌ์— ์ถ”๊ฐ€
      list.push(4);
      console.log(list);
      // unshift: ๋จธ๋ฆฌ์— ์ถ”๊ฐ€
      list.unshift(0);
      console.log(list);
      // concat: ์ธ์ž๋กœ ์ „๋‹ฌํ•˜์—ฌ ๊ผฌ๋ฆฌ์— ์ถ”๊ฐ€
      list = list.concat(5);
      console.log(list);
      // splice: 0๋ถ€ํ„ฐ 2๊นŒ์ง€๋ฅผ -1๋กœ ๋ณ€๊ฒฝ
      list.splice(0, 3, -1);
      console.log(list);
    </script>
  </body>
</html>

'Web > Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Javascript] ๋น„๋™๊ธฐ API ํ˜ธ์ถœ (async/await, fetch)  (0) 2023.12.17