[TIL 2024. 01. 30]

오늘 한 일

-웹개발 1주차 강의 시작.

 

-SQL 예제 풀이

-TIL 작성

 

오늘의 리뷰

[SQL]

-테이블 3개를 JOIN할 때 쓰는 공통 컬럼에 유의할 것.

오늘 푼 문제에서는 진료과 코드가 아니라, 의사ID를 기준으로 했어야 함

 

[웹개발]

-!+tab = html:5 자동완성

-css작성 시에는 마무리';' 챙기기!

-(esp.) <div>태그를 사용할 때는_background-color를 주는 습관을 들이자!_for. 구역확인.

 

-[background_3개가 set]

 : background-image: url('');

   background-position: center;

   background-size: cover;

(->background에 이미지를 넣어줬다면, 확인차 넣어줬던 background-color는 삭제해야.)

 

-[div태그 영역 자체(콘테이너)를 중간으로 정렬해줄 때]

: 가운데로 이동하려면

(1)일단 div태그로 감싼 다음.

(2) 중간으로 이동

 

margin 시계방향

->핵심은 오/왼 모두 auto로 줄 것. 즉, 둘 다 끝까지 민다! 결국, 중간에서 만남.

->가운데로 이동 = 양쪽 여백을 동등하게 준다

 

-[박스 안의 내용물을 중앙으로 정돈할 때_4개가 set]

: display: flex;

  flex-direction: column

  align-item: center;

  justify-content;

-> 앞 두 글자 정도만 타이핑하고, 나머지는 자동완성.

-> 여기서 바꿀 것은 direction을 col으로 할지, row으로 할 지 정도.

 

-[div안의 버튼을 선택자로 하고싶을 때]

1번 방안: button태그에 class로 선택자 지정하기

2번 방안: .wrap > button {}

즉, 2번 방안을 쓰면, 모든 태그에 선택자를 붙일 필요가 없게 됨.

 

-구글 폰트_<stye>~</style>여야.

(1) import로 가져오고.

(2) *{}로 적용하겠다.

 

-부트스트랩 cdn은 head태그 안에.

보기 좋으려면 title 바로 밑에_붙여넣기