単行エンコードパブリッシュhttp


[1]httpの概要。


HTTP(HyperTextトランスポートプロトコル、文化言語:ドラフトトランスポートプロトコル、HyperTextトランスポートプロトコル)は、W 3上で情報を交換できるプロトコルである.主にHTMLドキュメントの交換に使用されます.主にTCPを使い、HTTP/3からUDPを使い、80番ポートを使います.1996年バージョン1.0と1999年1.1はそれぞれリリースされた.
https://ko.wikipedia.org/wiki/HTTP#%EA%B0%99%EC%9D%B4_%EB%B3%B4%EA%B8%B0

[2]HTTPプロトコルの特徴

  • HTTPメッセージは、HTTPサーバおよびHTTPクライアントによって解析される.
  • TCP/IPアプリケーションプロトコル.
  • HTTPは接続されていないプロトコルです.(CookieとSeesionはこれらの欠点を解決するために現れた)
  • HTTPは、接続を保持しないプロトコルであるため、リクエスト/レスポンス(request/response)として動作する.
  • https://velog.io/@sejong202/HTTP%EB%8A%94-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%EC%9A%94

    [3]httpフロー


    クライアントがサーバと通信しようとすると、エンドサーバでもミドルエージェントサーバでも、次の手順に従います.
    1.TCP接続を開く
    2.HTTPメッセージの送信
    3.サーバから送信された応答を取得するには:
    4.接続を閉じるか、他のリクエストに再使用します.

    https://developer.mozilla.org/ko/docs/Web/HTTP/Overview#http_%ED%9D%90%EB%A6%84

    [4]HTTPメッセージフォーマット


    リクエスト

    応答

    https://developer.mozilla.org/ko/docs/Web/HTTP/Overview#http_%EB%A9%94%EC%8B%9C%EC%A7%80

    コモンヘッダ


    Cache-Control:後ろのファイルルーム
    コンテンツ-タイプ:コンテンツのタイプ(MIME)と文字列エンコーディング(UTF-8など)を指定できます.

    リクエストヘッダ


    ≪ホスト|Host|ldap≫:サーバーのドメイン名.
    User-Agent:どのクライアントを使用してリクエストを送信しますか.
    Accept:サーバに必要なデータ型を指定します.
    ≪権限|Grant|ldap≫:認証トークンをサーバーに送信します.
    Origin:要求がどのアドレスから始まったかを示します.要求アドレスと受信アドレスの情報が異なる場合、CORSの問題が発生する可能性があります.
    Refer:前のページのアドレスが含まれています.

    レスポンスヘッダ


    Access-Control-Allow-Origin:アクセスを許可するソースアドレスを含める必要があります.CORSエラーが発生する可能性があります.
    Allow:許可された方法を記録します.(ex get)
    Content-Disposition :
    ≪コンテンツ|Content|emdw≫:≪セキュリティ|Security|emdw≫:≪ポリシー|Policy|emdw≫:ロードするコンテンツのセキュリティ情報を示します.

    http Cookie&キャッシュハッシュ


    (1)キャッシュ関連


    Cache-Control :
  • no-store:キャッシュしません.
  • no-cache:サーバがキャッシュを使用しているかどうかを確認する必要があります.
  • max-age=3600:1時間キャッシュ有効.
  • Age:max-age時間内の秒数
    Expires:レスポンスコンテンツがいつ期限切れになるかを示します.
    ETag:HTTPの内容が変更されたかを確認するためのタグ

    (2)ビスケット関連。


    ブラウザに格納された小さなデータ・ブロックで、一時的なデータ・アーカイブまたはWebページのパーソナライズに使用されます.
    Set-Cookie
  • サーバコマンドクライアント(ブラウザ)は、これらのCookieの応答ヘッダ
  • を保存する.
  • Set-Cookie:キー=値;オプション
  • Cookie:
  • クライアントがサーバにCookieを送信すると、リクエストタイトルに書き込まれます.
  • Cookie:キー=値;キー=値;
  • httpヘッダ


    X-Forward-For、X-Forward-Host、X-Forward-Proto:要求がどこから発行されたかを示すヘッダー
    X-Frame-Options:
    frame、iframe、objectタグ内でページをレンダリングしないでください.
    X-Content-Type-Options: nosniff
  • は、ブラウザがサーバを使用して送信するコンテンツタイプを強制することができる.
  • [5]サンプルビュー。


    (1)実例を示す.


    (2)corsの例。

    var xhr = new XMLHttpRequest();
    xhr.onload = function() {
       console.log('xhr loaded');
    };
    xhr.open('GET', 'https://stackoverflow.com/');
    xhr.send();

    [6]参考資料


    https://ko.wikipedia.org/wiki/HTTP#%EB%A9%94%EC%8B%9C%EC%A7%80_%ED%8F%AC%EB%A7%B7
    https://developer.mozilla.org/ko/docs/Web/HTTP/Overview
  • 非常に優秀な教育資料です.
  • https://www.zerocho.com/category/HTTP
  • http全体を知ることは不可能で、いくつかの主要なヘッダ情報を知ることができます.
  • https://juyoung-1008.tistory.com/4
  • mimeタイプ説明
  • その他.
    https://joshua1988.github.io/web-development/http-part1/
    https://velog.io/@sejong202/HTTP%EB%8A%94-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%EC%9A%94
    https://velog.io/@infoqoch/HTTP-%ED%94%84%EB%A1%9C%ED%86%A0%EC%BD%9C%EC%9D%98-%EA%B3%84%EC%B8%B5Layer
    https://arclab.tistory.com/120

    [7]以降の参考資料


    本。


    http://www.yes24.com/Product/Goods/15894097?OzSrank=2
    http://www.yes24.com/Product/Goods/15381085?OzSrank=1

    講義


    https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC?gclid=CjwKCAjwyIKJBhBPEiwAu7zllz9mW2ES3L44zj8v2Q6K2zZ02zTKJi8TTk_CTt5eMD45hN2N8Zrn_hoCwhsQAvD_BwE#reviews