[WIL]2週間の回顧

09/20 ~ 09/25

その間に作成されたTIL
TIL 09/20
TIL 09/21
TIL 09/22
TIL 09/23
TIL 09/24
TIL 09/25

📌 今週の勉強内容

最初のチームプロジェクトが始まります!

Jinja 2テンプレートextends機能

📌 に感銘を与える

Gitを個人のリポジトリにプッシュするまで使っていた私は、Gitについてだんだん理解してくれて、うれしく思っています.個人的には、Gitを使った質問、マイルストーン、PR、Project、Wikiは今回のプロジェクトで学んだ最高のものです.gitに芝生を植える比重も増え、私の未来に向かって頑張っています.プロジェクト期間まであと数日ですが、今のように頑張ります!この2日間はプロジェクトで4時過ぎに寝たので、今日は早く寝ます.😆

📌 来週の予定

チームプロジェクトの完成度を高める

チームプロジェクトのほか、

を受講します.

プロジェクト内の問題の検出

ブートストラップのCDNをインポートして操作しています.仕事の中で生まれた簡単な?ちょっと問題があった.
作業中の画面でガイドバーを使用しないコンテナ機能を再定義しました.
したがって,次のcssを適用した画面はフッター以外の部分のみcssが適用されると考える.しかし、予想と違ってfooterも適用される.
HTML

<div class="container">
    <div class="writeTitle">
        <h6>여행 등록</h6>
    </div>
    ...
</div>

<footer>
    ...
</footer>

CSS

.container {
    font-size: 14px;
    width: 600px;
    margin: auto;
}

上記コードに示すように、出力する画面は以下の通りです.

footer部分にもコンテナクラスのcssが適用されている.
そこで再びCodePenに入り、関連するテンプレート情報をよく読みました.
Footerは、CodePenにおいて、ガイドバーに基づいて作成されたテンプレートを使用している.したがって、このテンプレートのコードを表示するとcontainer機能が使用されていることがわかります.

<footer class="site-footer">
    <div class="container">
            ...
    </div>
</div>

ガイドバーのコンテナ機能

開発期間は来週までなので、このテンプレートがガイドバーに基づいて作成されていることもわかりません.テンプレートだけ急いで使うようですが...反省中...🥲

解決策

私は再定義されたクラス名を変更しました.あなたが望むように、よく応用されています.

n/a.結論

起動バーのクラス名が私が再定義したクラス名と衝突したため、希望の結果は得られませんでした!
後でテンプレートを使うときはよく読んで使います.盲目的にコピーして貼り付けコードのハーモニーにならないでください!