スパルタコードクラブ-ネットワーク開発総合クラス2日目

昨日は百神を打たれ、今日は年差なのでスウェーンズ(21:00~23:00)が行われる前に、午前中は早めにベスト8に入りました.
cssが増えて、装飾の味がいいです.
バックエンドがほしいので、Javaとspringの原理をどのように作成して実行するかに集中して勉強します.
3週目からバックエンドが出るのでもっと集中して聞きます!
今日の進捗は1-4から1-12です.
ログインページスケルトンの作成から始め、例に従って学習しました.
あまり難しくないです.

まずとても良いのは専门版だから自动的に完成してとても良いです...
コミュニティ版を聞く5週間前までは、スペルミスやタイピングに時間がかかり、少し緊張していましたか?進度がなければ.
体の部分

<h1> 로그인 페이지 </h1>	  : 제목을 표시하는 기능
<h2> 소제목 </h2> 
<h3>...</h3>
.
.
<h5>...</h5> : 까지는 그냥 저냥 사용

<p>...</p> : 문단을 구분할 때 사용
<input type="text"/> : 텍스트가 들어가는 박스를 만들 때 사용
<button>...</button> : 버튼모양을 만들 때 사용

スタイルセクション

background : class를 만들어 지칭한 구역의 색상을 나타낸다.
width : 가로 넓이
height : 세로넓이
color : 폰트색상
text-align : 텍스트 위치 맞추기
background-image:url("") : " " 안에 url을 넣으면 해당 사진이 나타남.
background-size : 위 이미지의 사이즈
backgorund-position : 위 이미지의 위치
border-radius : 테두리 둥글기 정도
padding : 안쪽 테두리의 위,오른쪽,아래,왼쪽 넓이를 조절
margin : 바깥쪽 테두리의 위,오른쪽,아래,왼쪽 넓이를 조절

*display : block; -> 텍스트는 가로,세로 길이라는 명칭이 없어서 블록으로 만들어주고
가로 세로 등 넓이를 부여해 주어야 한다.

2回目の実習!
独自の手帳作成

ガイドバーを使用するには、黄色のフォントに表示されるコードを入力する必要があります.

ボディセクション
https://getbootstrap.com/docs/5.1/getting-started/introduction/
対応するブートバーサイトを使用して、類似のサンプルのコードを検索します.
コピーして使用します.
(コードを最初から作成することはほとんど不可能なため)
その後はdivとclassでcssに飾って終わりました!
中央ボックス部分の枠線部分はグーグルで単独で検索します.
Googleの習慣が一番重要なので、順調に完成!

結果!宿題終わり!
明日は第8話を聞いて、もっと機能的なJavaScriptを勉強するそうです.
もっと集中!
今日のスプリング講座はもっと大きな比重があります!
22.03.08