반응형 CSS2 미디어 쿼리(Media Queries) 미디어 쿼리는 오래전 미디어 타입이라는 이름으로 등장했었습니다. 미디어 타입은 말 그대로 미디어의 종류만 감지했기 때문에 세부적인 사항까지는 알지 못했습니다. 또, 옛날에는 기기의 종류가 많지도 않아 사용성에 의구심을 갖는 사람들이 많아 거의 사용하지 않았던 기술입니다. 하지만, CSS3가 등장하면서 이 미디어 타입이라는 기술이 ‘미디어 쿼리’라는 이름과 함께 기기의 종류뿐 아니라 해상도, 비트 수, 가로, 세로 여부 등 세부사항까지 감지할 수 있는 기술로 탈바꿈을 하게 됩니다. 기기의 세밀한 부분까지 감지할 수 있어져 반응형 웹의 시작과 함께 웹 개발의 새로운 지평을 열었다는 찬사도 받습니다. 미디어 쿼리는 화면 해상도, 기기 방향 등의 조건으로 HTML에 적용하는 스타일을 전환할 수 있는 CSS3의 .. 2021. 8. 2. Front-end(프론트엔드)란? 사용자가 웹 사이트 또는 웹 애플리케이션의 URL을 입력하거나 모바일 애플리케이션을 다운로드할 때, 사용자들은 아주 깔끔한 레이아웃을 가진 인터페이스를 보게 된다. 이렇게 사용자가 마주 보는 인터페이스를 테크놀로지 분야에서 ‘프론트엔드’라고 부른다. 과거의 프론트엔드는 HTML과 CSS와 약간의 Javascript(JS)를 다루는 영역이었다. 웹 퍼블리셔의 역할인 UIUI 개발이 주된 업무이다. 하지만 웹의 기능이 복잡해지고 동적 요구사항이 늘어나면서 과거 방식으로는 더 이상 현재의 요구사항에 충족할 수 없는 지경에 이르렀다. JS가 다루어야 할 영역은 점점 커지고, 백엔드의 비즈니스 로직 일부는 프론트엔드로 넘어오기까지 했기 때문이다. 프론트엔드의 요구사항을 위해 다양한 기술이 나왔지만, 웹의 동작 방.. 2021. 7. 27. 이전 1 다음 반응형 LIST
