Bootstrap 깊이 알아보기
--> 시작하기
부트스트랩을 긁어오기 전, 적용시켜줘야 하므로 링크를 걸어줘야 한다.
이 CDN 링크를 head 하단에 넣어준다. 이걸 넣어주면 내 로컬에 스타일이 있는 것처럼 인터넷에서 가져와서 쓸 수 있게 된다. 그러고 나서
이 링크를 body 태그 닫히기 전에만 넣어주면 되는데 나는 통일되게 head에 넣어줬다.
부트스트랩 그리드를 이용하면 반응형 사이트로도 자동으로 만들어준다.
부트스트랩에선 한 행을 12칸(열)으로 나누고, 한 칸 당 사이즈도 따로 나누어놨다.
위의 표대로 아래의 명령어를 해석해보자면
<div class="mb-3 row">
<label for="staticEmail" class="col-sm-2 col-form-label">Email</label>
<div class="col-sm-10">
<input type="text" readonly class="form-control-plaintext" id="staticEmail" value="email@example.com">
</div>
</div>
<div class="mb-3 row">
<label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword">
</div>
</div><div class = "mb-3 row" > : mb사이즈로 12칸 중 3칸만, row 배열하겠다.
<laber for="staticEmail" class="col-sm-2 col-from-label"> : 배정받은 col 사이즈는 sm, 12칸 중 2칸만 배정.
<div class="col-sm-10"> : 배정받은 col 사이즈는 sm, 12칸 중 10칸 배정.
이런 식으로 해석할 수 있고, 아래처럼 완성본이 나오게 된다.
윈도우커맨드 정리
cmd 창에서 디렉터리를 보고싶을 때 : dir (git에서나 다른 건 ls 지만 cmd만큼은 dir이다!)
디렉터리 만들고 싶을 때 : mkdir 폴더명(make directory)
비주얼스튜디오코드로 이동 할 때 : code .
비주얼 스튜디오에서 예쁘게 태그 줄 바꾸기 : Shift+Alt+F
파이참에서 예쁘게 태그 줄 바꾸기 : Ctrl+Alt+L