2023.02.06) 항해 1일차

강의를 보다가 문득 이미 봤던 강의니까 강의 내용을 토대로 만든 코드를 보며

웹을 만들어보면 좋을 것 같다는 생각을 하여 오늘은 프론트쪽을 해보았다.

코드를 보며 기존에 그냥 넘어갔던 부분에 의문을 품고 조작해보며 

새로 알게 된 속성을 공식문서에서 찾아보았다.

 

 

background-size: cover;

이미지의 비율을 유지하면서 컨테이너를 채울 수 있는 가장 작은 크기

(즉, 이미지의 높이와 너비가 컨테이너를 완전히 덮음 )로 조정하여 빈 공간을 남기지 않는다.

 배경의 비율이 요소와 다른 경우 이미지가 세로 또는 가로로 잘린다는 것도 알게 되었다.

 

background-image: linear-gradient;

linear-gradient(방향 또는 각도, 색상 그리고_정지점1, 색상_그리고_정지점2, ... 색상_그리고_정지점n); 의 형식으로

사용한다는 것을 알게 되었다.

 

내일은 서버와 클라이언트 연결을 해봐야겠다.