01. Introduction to JavaScript

01-1. JavaScriptの概要

Webページの構造を定義するのはHTMLです.しかし、HTMLだけであってもページは戻ってこない.テキストがいっぱいのページなら大丈夫ですが、私たちが知っているほとんどのページにはJavaScriptコードが含まれています.
JavaScriptは、Webページと対話するために作成された言語です.ブラウザは、ユーザーの動作を処理し、データを格納し、ネットワーク応答と要求を処理します.拡張子は.jsです.(混同されるJavaは、名前が似ているJavaとは何の関係もない場合があることに注意してください.)フロントエンド開発者の主な役割であれば、このJavaScriptを使用してWebページを動的かつインタラクティブにします.
勘定科目のJavaScriptを実行するには

ブラウザが存在するはずです.

HTMLファイルが必要です.

HTMLファイルでは、JavaScriptファイルに接続する必要があります.

最初のレッスンでは、JavaScriptの2つの関数について説明します.最も基本的な関数ですが、開発時に使うことが多い!(関数はプログラミングでよく使われる用語です.今は理解する必要はありません.すぐに理解できます.)この2つの関数を使用して、JavaScriptがWebページを動的に作成する方法を体験してみましょう.

01-2. 通知ウィンドウの表示

Webページを動的に作成するJavaScriptでは、最初の関数はalert( )です.他のサイトでクリックして弾き出す小さな箱を見たことがありますか?これらの小さな箱はWeb上でalertウィンドウ(通知ウィンドウ)と呼ばれています.

上記の通知ウィンドウを作成するには、HTMLのdivタグを作成し、CSSを使用してボタンを青に設定します.そうする必要はない.これは、HTMLとCSSコードを使用せずにJavaScriptコードを使用して通知ウィンドウを表示できるためです.(ただし、開発者はデザインを変更することはできません.異なるタイプのブラウザ(Ex.IE、Chrome、Safari、Firefox)にはデフォルト設定の通知ウィンドウがあり、外観が異なります.)
次は「こんにちは!」メッセージの通知ウィンドウを表示するコードです.

alert("안녕하세요!");

コードは既にレジストリに存在します.JavaScriptコードは、コードエディタの上部にあるrun ▶ボタンをクリックして実行できます.(Refitはブラウザ環境ではないため、alert関数に通知ウィンドウは表示されません.)
通知ウィンドウは通常いつ使用されますか?たとえば、「ログイン」ウィンドウでパスワードが正しくない場合は、「パスワードエラー」のテキスト通知ウィンドウを表示できます.もちろん、より多くのデザインを含むきれいな通知ウィンドウを表示したい場合は、開発を加速する必要がある場合は、通常、ブラウザのデフォルトの通知ウィンドウを使用してHTMLとCSSの作成時間を短縮します.

01-3. console.log( )

Webページを動的に作成するJavaScriptでは、2番目の関数はconsole.log()関数です.console.log()関数の役割はalert()関数と似ている.**alert()関数に起動するテキストが表示されている場合、console.log( )関数は開発者が表示したいコンテンツ**を出力します.console.log()関数は開発者が表示したいコンテンツを出力し、その結果はブラウザに内蔵された「開発者ツール」でしか表示できず、一般ユーザーには見えなくなります.(開発者ツールはオフラインセッションとして詳しく説明します!)
後でコードエディタの下部に結果を出力するスペースをコンソールウィンドウと呼びます.コンソールは次のように使用できます.

console.log("아래에 나와요"); 

次に、run ▶ボタンを押して、予め作成されたコードを実行します.左下のコンソールウィンドウの値を確認してください.なお、alert()関数およびconsole.log()関数は、JavaScriptで定義された、約定された単語である.これらの約束の言葉は約束の言葉とも呼ばれます.alertという名前の関数は既に存在するため、alertという名前の関数を勝手に繰り返し作成することはできません.約束の単語は既に使用中なので、符号化の際に勝手に使用できないことを覚えておいてください.
この2つ、alert()、console.log()、および無数のJavaScriptの約束.これからJavaScriptの約束語をたくさん勉強します

01-4. 参考資料

クリア)HTMLとCSSのみで構成される静的Webページは、JavaScriptと出会い、動的に実行されます.このセクションでは、javascriptで定義されている2つの関数、alert関数、およびconsole.log関数を使用して、Webページがユーザーとどのようにインタラクティブで動的に動作しているかを理解します.
次のビデオでは、JavaScriptの歴史と誕生背景、そしてそれがどのように現在に発展したのかを紹介します.Web開発を開始するには、javascriptを整理する必要があります.
Javascriptを学ぶ前に見なければならないビデオ|javascriptの歴史、現在と未来(JavaScript、ECMAScript、JQuery、Babel、Node.js)
 

Assignment

以下の事項を履行してください。

コンソールウィンドウ「愛してる!」情報を印刷させてください.

既存のコードをすべて削除し、「愛してる!」出力だけでいい

console.log("I love WeCode!");