[웹 최적화] 미디어쿼리 최소화 하기
... 들어가며 현대에서 웹 서핑을 할 때 사용하는 도구는 모두 제 각각이다. 누구는 휴대폰, 누구는 태블릿, 누구는 노트북을 사용한다. 문제는 기기마다 띄워야 하는 웹 페이지의 해상도, 즉 ViewPort가 모두 다른데 웹페이지 하나를 띄우기 위해서 Html1, Html2, Html3 다수의 파일을 만들자니 너무 비효율적이었고 이 때문에 나온 것이 바로 "반응형 웹페이지"이다. 반응형 웹 반응형 웹이란 뷰포트의 크기에 따라 서로 다른 레이아웃으로 보여지는 것을 의미한다. 핸드폰, 태블릿, 노트북 등 다양한 기기의 화면 크기에 따라 웹 사이트가 자동으로 조정되어 해당 기기에서 최적화된 레이아웃을 보여주는 것이다. 이 반응형 웹을 만들 때 자주 사용하는 기법이 바로 미디어 쿼리이다. 🤔 미디어 쿼리 그게 ..
2023.09.02