今日やったこと

✔WebプログラミングA-Zベース(リモート)-週7強
✔Gitリアルタイム講座(午後2:00~6:00)
勘定科目のリモート・アドバイザの復習
✔gitカリキュラム復習->ソースツリーを使用してcommitとリモートrepoを作成

HTMLとCSS

HTML、CSSは暗記するのではなく、必要なときに見つけて使います!無計画に背負わないで!

何かを飾るにはまず指摘しなければならない.
まずオブジェクトを指定し、次にオブジェクトを作成すればいいです.このときに使われるのはclassです.
classを貼ってブランド品として使えばいいです

<h1 class="mytitle">로그인 페이지</h1>

ログインページのタイトルにtitleと書いてあれば、今タイトルを飾りたいときにstyleTagでmytitleブランドがついている部分を指定できます.
classは複数追加できます.

 <button class="mybtn red-font">로그인하기</button>

画像の挿入方法

    <style>
        .mytitle {
            background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
            background-size: cover;
            background-position: center;
        }
    </style>

これは構造化コードなので、画像ではこの3行のコードを使用することができます.
全体を移動
各要素を含む全体を画面中央に移動する場合は、divにバインドしてdivを移動するのが速いです.

    <div class="wrap">
        <div class="mytitle">
            <h1>로그인 페이지</h1>
            <h5>아이디, 패스워드를 입력해주세요.</h5>
        </div>

        <p>ID: <input type="text"/></p>
        <p>PW: <input type="text"/></p>
        <button class="mybtn red-font">로그인하기</button>
    </div>

このようにしてデータ全体をdivにパケットし、wrapというクラスを与えます.
スタイルの中に

     .wrap {
            width: 300px;
            margin: auto;
        }

これにより、高さと幅を決めて領域を区切ることができます.
style.cssファイルはcssを個別に分離できます.

<link rel="stylesheet" type="text/css" href="mystlye.css">

Git

Gitとは?

プロジェクトバージョン管理ツール.バージョン管理もhistoryで作業履歴も表示できます.
これは、プロジェクトのグループ化とマージが容易であるため、コラボレーションプロジェクトに役立ちます.

Git vs GitHub?

Github:Gitリモートストレージ+Gitコミュニティ機能サービス

ソースツリーを使用したバージョンの管理とコミット

Gitは使いやすいツールです
commit

の現在のプロジェクトの状態を写真に想像することができます.

項目のステータスを含み、誰、いつ、コミット(履歴)情報の3種類の情報を含む.
プロジェクトフォルダに直接ファイルを作成、変更し、コミットします.

ソースツリーからリポジトリ

を作成する.

git init:gitプロジェクト

にプロジェクトを設定

ソースツリーの現在のアイテム状態で、ファイルの横にある+ボタンをクリックして

を上に移動します.
関連書類の記録及び提出履歴

上の手順のように、提出練習を繰り返します.
いずれかのファイルを変更するだけで、変更したファイルの一部をコミットするだけで、履歴を表示するとすべての履歴が表示されます.

リモートrepoの使用

接続

githubはrepoを作成します.(publicに設定)

ソースツリーにプッシュ-コミットをリモートrepoコミットにマージします.

ソースツリーに移動-repoのコミットをローカルrepoコミットにマージします.

👩‍💻 の意見を打診

講座の前にWeb開発の基礎科目を受講したので、少し簡単ですが、Web開発の経験が足りないので、まだ慣れていないような気がします.

gitはいつも難しいと思っていたので、面と向かっては避けました.指導者の説明の下で、私は初めて多くの授業資料を見て、何度も提出して修正しました.もっと練習して、よく知っておくべきだと思います.

googleringtip
Googleでは公式ドキュメントを見たほうがいいです!
詳細については、ex)git->git scmサイトを参照してください.