[JavaScriptの学習1]


✋🏻 Code Eatレッスンを聞いて整理した内容です.

1.JavaScriptコンソール(ブラウザコンソール)出力文


console.log("hello world")
  • は、ブラウザのコンソールタブでコード
  • を簡単に記述できます.

    2.htmlとjsバインド

    <!DOCTYPE html> 
    
    <html> 
    	<head> 
    		<meta charset="utf-8"> 
    		<title>JavaScript Study</title> 
    	</head> 
    	<body> 	
    		<script src="./index.js"></script> 
    	</body> 
    </html> 

    3.セミコロンとコメント


    1行
  • を書くには、セミコロン
  • が必要です.
    分写
  • は自動認識されるので、セミコロンは使いません.
    →必ず使うという意見もあれば、必要なときだけ使うという意見もあります.
  • 注釈:このコードが記述された理由を説明するためのコード説明および注釈
    注釈は簡潔に書く→不要な場合は可読性が悪い.他人の書いた注釈を読むことも重要です.

    4.JavaScript資料型

  • 数字:整数、小数
  • 文字列:「+」記号を使用して文字列間に
  • を接続
  • boolean:真・偽→条件の結果値
    ...etc
  • 5.抽象JavaScript

  • 抽象:複雑なものを的確に簡略化
    不要な内容を隠して、簡単で簡潔にしますが、肝心な内容ははっきりしなければなりません.
    →変数、関数、オブジェクトに抽象概念が含まれます.
  • 6.変数

    let price = 3000; //변수 선언 따로, 값 할당 따로 
    let name; name = "ssook"; 
    console.log(price) 
    console.log(name) 
    目的:変数による命名値

  • 7.実習課題1


    コーヒーを作るときに使う材料のカロリーは以下の通りです.
    濃縮コーヒー:10 kCal牛乳:170 kCalチョコレートシロップ:50 kCalクリーム:60 kCal
    私たちが販売しているメニューのカロリーを計算したいのですが、各材料の名前を変数名として、メニューのカロリーを保存してください.
    let espresso=10; 
    let milk=170; 
    let chocolateSyrup=50; 
    let whippedCream=60; 
    
    console.log(espresso); // 에스프레소 칼로리 
    console.log(espresso + milk); // 라떼 칼로리 
    console.log(espresso + chocolateSyrup + milk); // 모카 칼로리 
    console.log(espresso + chocolateSyrup + milk + whippedCream); // 모카(휘핑 추가) 칼로리