[JS] 001. Theory


(1)htmlからjsをロードする

  • に入れればいい
  • <!DOCTYPE html>
    <html lang="ko">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Practicejs</title>
        <link rel="stylesheet" href="index.css"/>
    </head>
    <body>
        <h1>I am bacckkkkkk</h1>
        <script src="index.js"></script>
    </body>
    </html>

    (2) index.js - variable


    (+)変数名を指定する場合はCAMELで指定(スペースが必要な部分は大文字で記入)

  • デフォルトの構文:
    -文法1行1記述
    -構文の終了後プラス記号
    -変数の先頭にletを追加します(変数のタイプは2種類あります.これらを区別します).

  • 変数の操作順序:(1)作成(2)初期化(3)使用
  • (3) const, var, let

  • const:不変定数、変数
  • を変更しない
  • var:letのように変数を変更できますが、letを使うだけで
  • (4) Data Types on JS

  • //:単行注釈
  • /,/:複数行コメント
  • 変数を使用する場合、デフォルトはconstで、letは必要に応じて
  • を使用します.
    (1) String
    const me = "practice";
    console.log(me);
    (2) Boolean
    const me = true;
    (3) Float
    const me=100.12;

    (5) Organizing Data with Arrays

  • arrays
  • const daysOfWeek=["mon", "tue","wed", "thu", "fri","sat","sun"];
    console.log(daysOfWeek)
    =>

    (6) Organizing Data with Objects

  • objectは配列とは異なり、各値に名前を付けることができます.
  • const me={name : "Hadamok", age : 22, ifdoingherbest:false};
    //name, age 같은 애들은 텍스트가 아니라 변수니깐 따옴표 없이 적어준다 *****
    console.log(me);
  • 私が欲しい子供のお金だけがほしいなら、彼女の名前を呼んで、
  • だけ呼んでもいいです.
    console.log(me.age);
    =>コンソールウィンドウに22万個の出力がある

  • 配列をobjectsに入れることもできます

  • オブジェクトの配列にオブジェクトを入れることもできます

  • カンマをつけるのを忘れない