[질문]
안녕하세요 요즘 반응형 웹이 한창 유행?이잖아요
[답변]
안녕하세요. IT전문 
컨설턴트입니다
안녕하세요. IT전문 컨설턴트입니다.
최근 스마트폰과 타블릿PC의 보급으로 인해서 많은 분들이 각각의 장치에 대응할수 있는 웹페이지에 대해서 관심을 가지시는듯 합니다.
1. 미디어쿼리가 반응형웹인가요?
만약 두개가 동일하다면 다른 용어를 사용하지는 않았겠죠...^^ 범위상으로는 반응형웹이 더 큰범위라 이해하시면 될듯합니다. 반응형웹을 구현하는 많은 방법중 가장 널리 알려진 방법이 미디어쿼리입니다.
미디어쿼리(Media Queries): 미디어(장치)의 특성에 따라 웹브라우저가 해석해야할 CSS코드를 분기처리하는 규칙이며, 보통 해상도 또는 해상력을 판별하여 분기를 진행합니다.
반응형웹(Responsive Web) : 미디어쿼리 등의 기술등을 사용하여 웹사이트가 다양한 장치(사용자 디바이스)에 최적화는 물론이고, 사용자 행동에 따른 가로,세로 보기 및 라사이징 등에 최적화된 웹기술입니다.
2. 반응형 웹코딩이라는 것이 별도로 있는것이며, html/css/js처럼 에디트 플러스에서 코딩하나요?
반응형웹 및 미디어쿼리에 대한 고민은 10년도 넘는 과거부터 진행되어왔습니다. W3C(World Wide Web Consortium)가 1999년에 이미 웹에 접근할수 있는 장치의 다양성이 점점 커지는 현재같은 상황을 예측해서 표준인 HTML의 제작시에 이미 미디어쿼리가 선언되어있습니다.
웹표준의 느낌으로 이해하시는것이 더 이해가 빠르실듯 합니다.
물론, 에디트 플러스에서 코딩이 가능하지만, 최근 다양한 도구들에서 지원을 하고 있습니다.
3. www.daum.net에서 보여지는 사이트가 m.daum.net에서는 다르게 보이게 하는것이 반응형웹?미디어쿼리?라고 하는 건가요?
주소가 분기해 간다는것은 다른 사이트가 있다고 생각하셔야 합니다. 즉 m.daum.net이나 m.naver.com 등의 사이트는 모바일웹에 최적화해서 만든 사이트입니다. 데이터 및 자료는 기존 daum.net이나 naver.com와 동일하지만, 사이트의 소스는 다릅니다. 반응형웹은 하나의 소스로 여러장치에 대응이 가능합니다.
http://www.daumcorp.com/main.daum 사이트를 해상도를 리사이징 해보시면 바로 변화는 화면을 보실수 있습니다. 반응형웹 기술로 제작된 사이트 입니다.
4. 서버단에서 이루어지는 작업인가요?.
여러가지 방법이 있습니다. 주로 CSS파일을 분기하는 개발요소를 웹서버에 두는것이 일반적입니다. 그 외에도 유저단에서 작업하는 방법도 불가능한것은 아닙니다.
'ToTb Story > ToTb 네이버지식 Story' 카테고리의 다른 글
| 골프장 ERP(영업프로그램) 추천 부탁합니다 (0) | 2014.04.04 |
|---|---|
| 커뮤니티 홈페이지 컨설팅 부탁드립니다(XE개발) (0) | 2014.04.03 |
| 인터넷 판매시 홈페이지 개설 방법 어떻게 하나요? (0) | 2014.03.28 |
| 포스랑 인터넷결제시스템 연동 (0) | 2014.03.28 |
| 아이디어 상품을 만들어 판매하고 싶습니다 (0) | 2014.03.28 |
| 농산물 유통 쇼핑몰 만들기 위한 절차 (0) | 2014.03.05 |
| 고객센터로 승급을 요청한 회원에 대한 처리 (0) | 2014.03.05 |
| 국회 자료를 가지고 분석하여 법적으로 통과 시킬수 있는 사이트 제작 (0) | 2014.03.04 |
| 퀄리티 높은 농장 사이트 제작 (0) | 2014.03.04 |
| 기업 컨설턴트(컨설팅) 비용문의 (0) | 2014.02.27 |
최근댓글