본문 바로가기

미디어쿼리

반응형웹의 단점과 현실 안녕하세요 키다리디자이너입니다. 오늘은 다소 자극적인 제목으로 반응형웹에 대한 단점을 한 번 알아볼까 해요. 네이버에서 '반응형웹'이라는 네글자를 검색해 보면 수많은 검색결과가 나오는데요 내용은 거의 비슷한 것 같습니다. 그것의 주된 내용을 살펴보면... · N스크린 시대에 맞추어 화면이 자동으로 리사이징 · 모바일과 피씨의 홈페이지를 하나로 운영하여 제작/관리비가 저렴 · 다양한 디바이스에 최적화 된 화면 제공 대략 이정도로 요약되는 것 같습니다. 하지만 과연 그럴까요? 키다리디자이너는 반대로 반응형웹에 대해 다소 조심스러운 의견입니다.(아직까지는요.) 그리고 이러한 이론적인 장점만 믿고 반응형웹 사이트를 구축을 해보셨던 실무자분들께서는 반응형웹은 비현실적이고 단점이 더 많은 기술이라는 것을 충분히 느.. 더보기
미디어쿼리를 공부해 보자. 안녕하세요. 키다리디자이너입니다. 오늘은 요즘 있어보인다는 웹사이트의 필수요소인 반응형웹에서 주로 사용되는 미디어쿼리에 대해 알아보도록 할게요. 미디어쿼리란 모르면 어려워 보이지만 알고 나면 별 거 아닌 쉬운 기술입니다. 키다리디자이너는 구구절절 긴얘기 하는 거 딱 질색이니 짧고 굵고 이해하기 쉽게 설명해보도록 할게요. 1. 반응형웹이란 무엇인가? 걍 화면 크기에 따라 레이아웃(그리드) 달라지는 화면이요. 더 이상 알필요 없음 ㅇㅇ 2. 미디어쿼리란 무엇인가? 화면 크기에 따라 달라질 경우 현재 화면 크기에 따라 다른 CSS내용이 적용될 수 있도록 해주는 것입니다. 이것도 더 이상 알필요 없음 ㅇㅇ 3. 코딩 준비 미디어 쿼리는 앞서 말한 것처럼 현재 화면사이즈를 인식해 다른 CSS를 뿌려주는 것입니다... 더보기