목록모바일웹/Tip&Tech (5)
올해는 머신러닝이다.
모바일용 웹사이트를 개발한다고 하자 제일 먼저 default.css (우리는 basic.css)를 정해야 할 것이다. 네이버 m.naver.com http://m.news.naver.com/css/news/d.css common css 설정부분 /*common*/ * { margin:0; padding:0; font-family:"나눔고딕", NanumGothic, "굴림", Gulim, Helvetica, AppleGothic, Sans-serif; -webkit-text-size-adjust:none; } body { position:relative; background-color:#f8f8f8; line-height:1.25em; color:#000; word-wrap:break-word; word..
출처 : http://cafe.naver.com/domfam/4738 웹디들의커뮤니티카페 1. meta & link [Viewport] - 기본설정 모바일 웹브라우저의 기본 화면크기 및 확대/축소 배율등을 정하는 모바일 웹사이트 및 웹앱을 만들시 제일 중요한 Meta 태그입니다. 기본적으로 아이폰의 사파리 웹브라우저는 넓이가 980px인 해상도로 보여주기 때문에 아이폰에서 아이폰3G(S)에 맞춰 디자인 한 웹페이지(320x480)를 본다고 가정한 경우 뷰포트를 설정하지 않는다면 가로 좌우 여백이 330px의 여백이 남는 아주 작은 화면을 보게 됩니다. 다음처럼 뷰포트를 사용하면 1:1 비율로 아이폰의 해상도에 맞게 최적화 할 수 있습니다. width : 넓이 - device-width | N px (20..
1. 작은 모바일 화면에 맞게 웹페이지 화면 맞추기 아래 META 태그를 쓰면 화면이 모바일 화면에 딱 맞춰서 확대되어 보이게 됩니다. 다른 플랫폼은 모르겠고 아이폰 같은 경우는 가로가 480px 이라 생각해서 화면을 맞추면 되더군요 initial-scale 소스 설명을 하기 전에 $_SERVER['HTTP_USER_AGENT'] 라는 서버 함수에 대해 약간의 설명을 하고 지나가겠습니다. $_SERVER['HTTP_USER_AGENT'] 는 유저의 브라우저 정보를 알수 있는 서버 함수 입니다. ASP 와 JSP 에서도 비슷한 함수가 있는 걸고 알고 있습니다 ^^ HTTP_USER_AGENT 로 검색하시면 찾으실 수 있으실거예요^^; 저 함수를 쓰면 Mozilla/4.0(compatible; MSIE 6...
http://blog.naver.com/manin21st?Redirect=Log&logNo=30101675901
[서블릿기초] 5. 초간단 MVC 만들어보기 JSP기초정리 / JSP 2010/01/09 20:13 http://blog.naver.com/pksaladin/30077871911 앞서 설명한 이론상의 설명으로는 뭔가 부족하다는 분들을 위해서 이제는 직접 코딩해보고 느껴보도록 하겠습니다. 일단 모델1을 작성해보고 이것을 모델2로 바꿔보는 형식으로 작성하겠습니다. 잘 따라서 해보시길 바랍니다. 먼저 모델 1 패턴으로 간단하게 텍스트 필드에 값을 받고 결과값을 출력받는 예제를 만들어보겠습니다. 모델 1 패턴 index.html 당신의 이름은? result.jsp 당신의 이름은 //name1을 출력합니다. 원하는 이름을 쓰고 확인을 누르면 다음과 같이 출력됩니다. 별다른 과정없이 위에 URL을보시면 다이렉트로 ..