Day 4


📖review


『Day 2補足』fragment:ページ内のsection要素にidがある場合
アドレス+#id->id
ul>(li>a)*3->常用emmet

✅GitHub

Git(プライマリ)vs GitHub(プライマリ、ジオメトリ管理システムの1つ)
コンピュータ==commit=>Git==push=>GitHub✔Git取付後Gitbashにて設定
1. git config --global user.name「名前」->設定名(GitHubで設定)
2. git config --global user.Eメール->Eメール設定(GitHubで設定)
git config user.name(user.email)->設定した名前を確認(電子メール)
3.mkdirファイル名->ディレクトリの作成
4.cdファイル名->作成したディレクトリに移動
5.git init->現在のディレクトリをGitリポジトリとして作成
6. ls -al
共通コマンド
  • Git pull(最初はGit clone):ソースコード
  • をインポート
  • git add . : 追加待ちのファイル全体(管理対象のターゲットファイルを登録)
    -(git addファイル名:1ファイルのみ待機)
  • Git提出-m「メッセージ」:待機状態で飛行機に乗る-->私のパソコンにしか表示されない状態
  • Git push:飛行機でGit

  • ✔CLIコマンド
  • mkdir:make directory
  • cd:change directory
  • touch test.txt:testフォルダ
  • を作成する
  • こだま「内容」>>README.md : README.コンテンツをmdファイル
  • に保存する
  • ショートカットキー
    SHIFT+INS(Ctrl+v貼付)
  • ✔GitHubからファイルを作成する
    newまたはnew repository-readmeファイルを追加します(選択しない場合は、自分で作成する必要があります)
    READMEファイルの修正
    README.md-クリック-鉛筆の形状を変更
    GitHubでvscを開く
  • 2https://github.dev/ に変更
  • GitHubページ.
  • ✅Embedded content

    <iframe>:現在のHTMLページに他のHTMLページを表示します.ページからソースコードをインポート
    <iframe width="300px" height="300px" src="http://www.daum.net" frameborder="0"></iframe>
    <audio>:音楽コンテンツを再生します.
    <audio controls autoplay loop class="bgm">
    	<source src="절대경로" type="audio/mp3">
    </audio>
  • controls:音楽ファイルを制御するコントローラを読み込みます.
  • autoplay:自動再生
  • loop:音楽繰り返し再生
  • <video>:ビデオファイルを再生成-流量注意(YouTube使用)
    <video controls width="250">
      <source src="절대경로.webm" type="video/webm">
      <source src="절대경로.mp4" type="video/mp4">
      Sorry, your browser doesn't support embedded videos.
    </video>
    
    *を参照
    スクリーンリーダーがalt値に基づいてimgタグを読み出す場合
    <img src="123.png" alt=""> <!-- 안 읽음 -->
    <img src="123.png" alt=" "> <!-- 파일명 읽음 -->
    <img src="123.png"> <!-- 파일명 읽음 -->
    Vimeo-インフラストラクチャで使用される有料ストリームサーバ
    Autoplayはmuteプロパティとともに使用->アクセス性が悪い

    ✅Forms

    <Form>:情報が入力された領域method="get":urlでページリクエストを送信します.アドレスにデータを入力
    <form action="입력 값을 전송할 페이지" method="get">
      <input type="text" name="userId">
      <input type="password" name="userPw">
      <button type="submit">로그인</button>
    </form>
    ?userId(key)=minyoung(value)&userPW=123->クエリーmethod="post":urlではなくbody値を送信します.
    投稿を作成するとurlには情報が表示されません.ex)イメージ、ユーザIDの作成時
    <form action="http://localhost:8080/" method="post">
      <input type="text" name="userId">
      <input type="password" name="userPw">
      <button type="submit">로그인</button>
    </form>
    ✔inputの属性
    <form action="form의_종류.html" method="get">
      <input type="text" name="userId"><br>
      <input type="password" name="userPw"><br>
      <input type="checkbox" name="" id=""><br>
      <!-- 무언가를 설명할 때 label사용 -->
      <label for="men"></label> 
      <input type="radio" name="성별" id="man">
      <label for="female"></label> 
      <input type="radio" name="성별" id="female"><br>
      <input type="color" name="" id=""><br>
      <input type="date" name="" id=""><br>
      <input type="datetime" name="" id=""><br>
      <input type="email" name="" id=""><br>
      <input type="tel" name="" id=""><br>
      <input type="hidden" name="" id=""><br>
      <input type="range" name="" id=""><br>
      <input type="number" name="" id=""><br>
      <input type="url" name="" id=""><br>
      <input type="file" name="" id=""><br>
      <button type="submit">로그인</button> 
      <!-- 사용자의 입장에서 선택하기 -->
    </form>
    (を参照)
    YouTubeで動画をすばやく再生する方法
    ->コンソールウィンドウのdocument.getElementsByTagName("video")[0].playbackRate = 2; (2倍速)
    マイクロサービス-複数サーバ
    単一アーキテクチャ-1台のサーバ
    2022.03.31