[MGS 3期]-5CS/HMLベース


最初の週が終わる日今日の授業で、鄭乙秀先生はHTMLの基本的な概念を教えてくれました.私という非専門家にとって、HTMLだけでなく、基本的なCS知識に基づいているので、これは非常に有意義な授業です.

メモリ


メモリの基本概念



皮肉なことに、コンピュータ自体の概念をまず理解すれば、メモリの概念を理解しやすくなります.
これは、コンピュータがメモリ内のデータをCPUで計算した計算機とすぐに見なすことができるからです.
すなわち、コンピュータはメモリ内のデータを使いやすい装置である.メモリの概念も見るべきでしょう?
メモリは、入力信号(アドレス/データ)の電子状態を維持および変更するための装置です.
コンピュータの言語は通常1と0と呼ばれ、これは実際にはメモリが0と1の状態でコンピュータに電子信号を送信するためである.
ただし、メモリはコンピュータの電源が切れるとすべての状態が失われるため、ハードディスク(HDD)などの独立したストレージデバイスが必要です.

プログラミング言語



プログラミング言語の芽生え


メモリについて説明したように、実際のメモリで送信および受信される信号は0および1から構成される.
したがって、特定の文字や数字を打つときでも、0と1の信号を16進数で交換します.
しかし、過去には、このような文字列変換システムは当然備えられていなかった.
これでは実際のプログラマーが0と1でコードを書くのは大変です.最終的にアセンブリプログラムが現れました

アセンブラ



コンポーネントは、構造の簡単な実行コマンドをマシンコードに変換する翻訳機です.
人間が0と1でコードを記述することは非常に非効率で困難であるため,コードの記述を支援するためにアセンブリプログラムを導入した.
アセンブリプログラムによって作成された実行コマンドはすべてマシンコードにコンパイルされ、プログラム領域に入るように動作する.

ただし、コンポーネントは簡単なコマンドで作成されます.そのため、少し複雑なプログラムを書くためには、いくつかの不便に耐えなければなりません.

ハイレベル言語


アセンブリプログラムは簡単なコマンドコードでしか作成できないため、コンピュータエンジニアたちはより効果的な方法を採用し始めました.
結果は自動的な文字表現です.通常、これらの自動文字表現言語は高度な言語に分類されます.
たとえば、高標準言語の1つであるJavaScriptを使用して変数を作成することを考慮してください.
a = 1;
これは、10進数を格納するメモリを事前に取得でき、アドレスがaであることを意味します.
書き込みを許可し、10進数1を格納するようにコンピュータに注文します.

コンパイル/ブレーク言語


これまで紹介したプログラミング言語は,開発者が作成したコードをマシンコードにインポートする方法に一定の違いがある.
まず、コンパイル言語は、完了したマシンコードの変更をファイルとして作成します.
必要に応じてCPUに送信します.
代表的な言語はCとJavaですこれらのコンパイル言語は、CPUへの送信時にマシンコードを保存して実行し、すべてのコードを翻訳するため、高速です.
これに対して,エンタープライズ言語はファイルを作成するのではなく,マシンコードをCPUに変換する.
この言語の利点は、コマンドを個別にコンパイルすることなく、自動的に逐行翻訳してすぐに実行できるため、使いやすいことです.
代表的な言語にはJavaScript、Python、HTMLがあります.

インターネットについて


World Wide Web



ティム・バーナス・リーが作成したグローバルブロードバンドネットワークは、私たちが使用しているインターネットそのものです.これらのWWの原則は簡単だ.
情報を共有したい人がプログラミングファイルをサーバコンピュータにアップロードすると、
誰もがダウンロードして自分のパソコンで説明することができます.
当時,すべてのコンピュータに一意の番号が与えられ,その番号を用いてデータ交換が行われていた.

インターネットの原則:普遍性



ティム・バーナス・リーはインターネットを考え、特別な選手の知識のない人でもインターネットプログラミングにアクセスしたいと思っていた.
普遍性を確保できれば波及力はもっと高いと思いますから.
その過程で生まれたのがHTMLです.
過去のインターネットでは、このHTMLが情報の担体としてデフォルトで使用されていました.実際、今日に至るまで、これらのHTMLは誰もが簡単に学ぶことができる言語で存在しています.

インターネットの原則:承諾



インターネットを通じて特定のデータを要求し受信する通信は非常に有用で魅力的な機能である.
しかしながら、多数のユーザが複数のパスに要求を送信すると、通信方式の互換性がないため、低効率に耐えられない程度になる可能性がある.
したがって、プロトコルは通信プロトコルである.
インターネットが誕生した時から続く通信方式の約束がHTTP(HyperText Transfer Protocol)だ.

インターネットの原則:アクセス性



しかし、世界中のすべてのコンピュータがネットワーク通信を目的としているわけではない.ましてや、インターネットが初めて登場した90年代はなおさらだった.
したがって、コンピュータ上でインターネット通信を実現できるツールやフレームワークはほとんどありません.
インターネット通信を説明し、ユーザーに送信するツールが現れました.これがブラウザです.
これらのブラウザをインストールすれば、ユーザーはインターネット通信に簡単にアクセスできます.

HTMLのコンセプト


HTMLの役割



デフォルトでは、HTMLは、<開く>と<閉じる>タグを使用して親→子関係を作成し、メモリに必要なデータ構造を作成する設計ツールです.
HTML処理においては、規格に従って作成されたデータ構造をDOM(Document Object Model)と呼び、これらのデータをプログラミング言語で処理するための複数のツール(API)が提供されている.
MDNページは、Web標準またはDOMについても詳細な概念を提供しています.
https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

HTMLのタグ



HTMLは複数のタグで構成されています.ここで、組織ドキュメントに使用されるタグの最小値は次のとおりです.
<html> <head> <body>
HTMLファイルのブラウザに文字を表示させるには、少なくとも上記の3つのタグを使用して必要なデータをメモリにアップロードします.しかもhtmlで始まる必要があります.
bodyタグの内容は実際のページの内容になります.タイトル、段落、画像など実際のページを構成する内容はbodyラベルに表示されます.
headラベルには、Webページの詳細を設定する他の内容が含まれています.ブラウザバーのタイトル、メタデータ、外部リンクなど.
このほか、HTMLには多くのタグがあります.重要なのは、コード作成者の意図に合ったタグを記入する必要があります.
これは意味タグで、このようにHTMLを作成してこそ、人もコンピュータも理解しやすいドキュメントを作成することができます.