내일을 위한 오늘

반응형 웹이란? 반응형 웹 Responsive Web 이란 컴퓨터, 태블릿, 스마트폰 등의 여러 디바이스 환경에 따라 웹페이지의 구성이 적절하게 배치되도록 설계된 웹디자인 기법입니다. 그렇다면, 반응형 웹을 만드는 방법은 어떤 것들이 있을까요? 1. 미디어 쿼리를 이용한 방법 첫 번째로 소개할 방법은 가장 많이 사용되는 방법 중 하나인 CSS 미디어 쿼리를 이용한 방법입니다. 일반적으로 아래와 같은 css 코드를 이용합니다. @media 미디어 타입 (너비 및 높이) { (CSS 입력) } 이 방법의 장점은 하나의 HTML 코드만으로 여러 타입의 웹페이지를 분기하여 구성할 수 있다는 점입니다. 전형적인 PC 웹에서부터, 태블릿, 모바일 등을 모두 아우를 수 있는 멋진 방법이라고 할 수 있습니다. 유용한 ..

웹 퍼블리싱을 하다 보면 꼭 고민에 빠지게 하는 것들이 있습니다. 백엔드 작업시에는 DB 접속을 최소한으로 줄이는 최적화 과정에서 주로 고민이 많고요. 프론트엔드 작업시에는 css 를 이용해 html 코딩을 어떻게 하면 효율적으로 할 수 있을가를 고민하게 됩니다. 그 중에서도 프론트엔드 작업시, 테이블 처리 문제는 없어지지 않는 난제이지요. TABLE 테이블 코딩은 모바일과 반응형웹의 시대로 넘어오면서 정말 계륵과 같은 존재가 되어버렸습니다. 그동안 저도 여러가지 방법을 사용했었는데요. 1. desktop 버전에서는 table 코딩, mobile 버전에서는 div 코딩으로 분기하는 방법 2. table 코딩을 사용하되, 모바일에서는 display:none 을 사용하여 모바일에 그나마 최적화하는 방법 3...