스마트폰에서 브라우저를 이용해서 네이버나 다음 메인 페이지에 들어가면 모바일 페이지로 접속이 됩니다.

일반적인 경우 이렇게 작은 화면에서는 모바일 페이지를 보는게 더 좋겠지요.

하지만 PC 데스크탑에서만 특별한 기능이 지원이 되고, 모바일에서는 안보이는 경우 PC방을 가야하나, 노트북을 들고 와야 하나 싶은 경우가 종종있습니다.

youtube 업로더인 경우 유튜브 모바일 화면에서는 할수 있는것이 보는 기능밖에 없지만, 데스크톱으로 들어가면 수정, 편집도 가능한데, 여행이나 외부에 나와 있는 경우 간혹 필요한 경우가 있는데, 알아두시면 유용할수 있으니 참고하시고, 만약을 대비해서 미리 앱도 설치해 두시면 좋을듯 합니다.

 

사용자 에이전트(User Agent, UA)란 무엇인가?

브라우저(iphone,ipad,android,chrome,ie6,ie7,firefox,safari) 에서 네이버에 접속을 하게 되는 경우 www.naver.com 이라고 치면 페이지가 뜨는데, 우선 과정을 세밀하게 나누서 보겠습니다.

1. 내 컴퓨터에서 www.naver.com url 입력

2. 네이버 홈페이지 웹서버에 123.456.789.000 이라는 ip에서 페이지에서 메인페이지 전송을 요청을 하는데, 크롬브라우저 35버전, PC컴퓨터, 윈도우 운영체제에서 화면사이즈 1024*768를 가진 기기에서 요청을 한다는것을 전송합니다.

3. 그럼 web server에서 해당 컴퓨터에 최적화된 html 코드를 보내줍니다.

4. 브라우저에서는 해당 코드를 분석해서 이미지, 플래시 등을 받아오고 화면에 뿌려줍니다.

이러한 과정으로 진행이 된다고 보시면 되는데, 우리가 모르는 사이에 상당히 다양한 정보가 왔다갔닥 하지요~

Mozilla/5.0 (iPad; U; CPU OS 3_2_1 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Mobile/7B405

사용자 에이전트는 위처럼 브라우저 버전, 기종, OS 등의 정보를 말합니다.

쉽게 말해서 신분증과 같은 기능으로 웹사이트에 접속하면서 내 기기의 정보를 제공한다고 보시면 됩니다.

 

티스토리 블로그 마크쿼리 반응형웹 스킨으로 교체-장단점과 유의사항

반응형 웹 디자인(responsive web design) 개발이란 무엇이고, 왜 만들며, 어떤식으로 구현할까?

우리가 보내준 userAgent 정보를 가지고, 웹서버는 개발자에 따라서 다양한 방법을 선택합니다.

1. 기종별로 다른 주소로 보내버리기(네이버, 다음)

2 기종별로 다른 html 코드를 보내버리기(요즘에는 잘 사용하지 않는듯)

3. 기종에 상관없이 같은 코드를 보내고 브라우저에서 처리하기(반응형웹 스킨)

뭐 자세한것은 일반인은 알 필요는 없겠지만, 보통은 1번으로 처리를 합니다.

www.naver.com을 스마트폰이나 테블릿에서 요청을 하는 경우 m.naver.com으로 주소를 변경해서 보내버립니다.

현재 이 블로그의 경우에는 3번 방식을 이용하는 반응형 웹 스킨입니다.

 

사용자 에이전트(User Agent, UA) 변경하는 방법

뭐 해커나 컴퓨터 전문가라면 쉽게 조작을 해서 할수도 있지만, 일반적으로 User Agent(이하 UA)를 변경을 지원하는 브라우저를 사용하시면 됩니다.

iphone 기본 브라우저인 사파리나 android 기본 브라우저에서는 지원을 하지 않기때문에 별도의 앱을 설치해야 합니다.

개인적으로는 기본브라우저는 모바일 용으로 사용을 하고, dolphon browser을 데스크톱 용으로 사용을 하고 있습니다.

물론 가로모드, 세로모드 전환(화면 회전 기능)을 통해서 옆으로 돌려서 보시면 스마트폰에서도 왠만큼 보시는데는 지장이 없습니다.