TIL | 09/26/2022

# 웹 클론코딩 프로젝트

강사님이 정해주신 웹 제작 기준이 몇 가지 있었다.

• 반응형 웹
• table 태그 사용
• form 태그 사용
• 화려한 디자인보다는 기본적인 기업 디자인

결국 아침에 고르고 골라 모든 조건을 충족하는 사이트를 찾았다.

달콤커피

오늘 달성 목표가 레이아웃 작성하고 메인페이지 HTML마크업이었는데 수요일에 하루 못하니 빠르게 하다보니까 좀 많이 해버렸다.

빠르게 하려고 하지말고 정확하게 천천히 하자.

# position:absolute의 주의 점

오늘 배너 만들때 높이 값을 이미지의 가로 비율에 맞춰서 지정하고 싶었는데 어떻게 해도 안됐었다. 한참을 고생하다가 구글링을 통해 찾은 결과, position:absolute 로 위치 고정을 시켜놓으면 height 값이 먹질 않는다. 내 배너는 한 곳에 겹쳐져서 순서에 따라 화면에 나오는 것이라 position:absolute 지우고 클래스 .on 붙은 배너만 화면에 나오게 수정했다. 그렇게 하나를 해결하니 나머지는 가로와 높이 조절하는 게 쉬웠다. 앞으로 주의해서 사용하자 특히 반응형에서!

오늘 끝, 내일 안녕