JavaScriptとは?Front-end


同ポスターは、済州(チェジュ)コード大本営101級の講義を聞いて、個人学習のためにまとめたものだ.

JavaScript(JS)


「HTML=スケルトン、CS=肉、JS=筋肉」
HTMLは、CSSによって生成された静的ページを動的に生成する言語である.
「日本のJavaScriptはJavaと関連がありますか?」
❗ No! これは1990年代に人気のJavaの名声を借りるための名前で、関連性はありません!

HTML、CSSは静的言語、JavaScriptは動的言語
💡 静的タイプ言語vs動的タイプ言語
コンパイル時の変数のタイプを知っている場合は、静的タイプ言語を使用します.
メリット:
タイプエラーによる問題の早期発見は、タイプの安定性の向上に役立ちます.
コンパイル時に予めタイプが決定されているため、実行速度が速くなります.
短所 :
コードを記述するたびに変数タイプを決定する必要があります
C, C++, C#, Java, Rust, Go, Scala
タイプがrun-timeに関連し、変数やフィールドなどに名前がない場合は、動的タイプ言語
メリット:
タイプの決定を実行時にドラッグ&ドロップできるため、柔軟性が向上します.
コンパイル時 タイプを指定する必要がないため、コードをすばやく作成できます.
欠点:
実行中に変数に予期せぬタイプが発生し、タイプエラーが発生する可能性があります.
Perl, Ruby, Python, PHP, JavaScript
ソース:https://devuna.tistory.com/82

JavaScript 이용해보기

  • より前に作成されたFacebookページでJavaScriptを使用
  • <html>
    <head>
    <style>
        h1{
            background-color: #2851A3;
            color:white;
        }
    </style>
    </head>
    <body>
    <h1>Facebook</h1>
    <p>문단입니다.</p1>
    <script>
    window.alert('환영합니다!')
    </script>
    </body>
    </html>

    Front-end 개발자


    フロントエンド開発者はHTML、CSS、JSを知るだけでいいのでしょうか?
    もちろんNope!
    jQueryとAjax,Node.jsかexpressの2つを選んで勉強したほうがいいです!Bootstrapはオプションです