그림은 에뮬레이터에서 본 m.sir.co.kr

맥에서 아이폰, 아이패드 시뮬레이션이 가능하군요.
새벽에 검색해보고 방금전에 설치해봤는데 괜찮네요.
참고로 전 초기맥북에 X10.6* 환경에 윈도는 VMware Fusion으로 하고있습니다.
http://developer.apple.com/iphone/index.action 아이디 인증후
xcode + iphone SDK 최신버전을 다운받아 설치했습니다.
하나의 패키지인데 제경우 자동으로 미리설치되어 있던 xcode는 알아서 업데이트하면서 iphone SDK만 설치됩니다.



요기서 부터는 모바일 사이트 개발을 위한 내용입니다.
실제 테스트를 위해서 몇가지 해줘야 합니다.

이전 글에서 잠간  언급했습니다만,,,
레이아웃과 서브메뉴 스크립트등은 SIR 모바일 페이지를 참고했습니다.

기존 head.sub.php 메타부분에 테스트용 에이전트 필터링 스크립트를 간단하게 붙이고..(보완필요)
<?php
$userAgent = $_SERVER['HTTP_USER_AGENT'];

if ( strstr($userAgent, 'AppleWebKit') ) { //safari, palm pre, android
    echo "<link href=\"".$g4['path']."/css/m.css\" rel=\"stylesheet\" type=\"text/css\" />\n";
    echo "<meta name=\"viewport\" content=\"initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;\" />\n";
    echo "<meta name=\"format-detection\" content=\"telephone=no\" />\n";
} else if ( strstr($userAgent, 'Opera') ) { //opera
    echo '<link href="opera.css" rel="stylesheet" type="text/css" />';
    echo '<meta name="viewport" content="initial-scale=0.75; maximum-scale=0.75; minimum-scale=0.75; user-scalable=no;" />';
} else if ( strstr($userAgent, 'lgtelecom') ) { //LGT
    if ( strstr($userAgent, 'WV01') ) { //web viewer on LGT
        echo '<link href="web.css" rel="stylesheet" type="text/css" />';
        if ( strstr($userAgent, '480*') ) { //web viewer W480 on LGT
            echo '<style type="text/css">#mContainer{width:480px;}</style>';
        } else { //web viewer W800 on LGT
            echo '<style type="text/css">#mContainer{width:800px;}</style>';
        }
    } else { //polaris on LGT
        echo '<link href="polaris.css" rel="stylesheet" type="text/css" />';
    }
} else if ( strstr($userAgent, 'NateBrower') ) { //polaris on SKT
    echo '<link href="polaris.css" rel="stylesheet" type="text/css" />';
} else { //other
    echo "<link href=\"".$g4['path']."/css/m.css\" rel=\"stylesheet\" type=\"text/css\" />\n";
    if ( strstr($userAgent, '480*') ) {
        echo '<style type="text/css">#wrap{width:480px;}</style>';
    } else {
        echo '<style type="text/css">#wrap{width:800px;}</style>';
    }
}
?>

//복수로 연결한 도메인 가운데 하나를 임시로 모바일 페이지로 돌렸습니다.
if ($_SERVER[HTTP_HOST] == "studioif.kr" || $_SERVER[HTTP_HOST] == "www.studioif.kr")
    goto_url("{$g4[path]}/m");

요기까지..

http://www.studioif.kr 도메인으로 접속하면 모바일 페이지로 연결됩니다.
디렉토리는 $g4[path]}/m/ 하위에 기존 그누보드와 다르게 설정해야할 폴더만 복사했습니다.
공통사용 폴더는 디렉토리 스크린샷에서 보라색 폴더들로 기존의 폴더를 심볼릭 링크한것입니다.



우선 테스트를 위한 환경만 세팅한거라 UI가 엉망이지만 감은 잡은것 같습니다.
레이아웃이나 메뉴도 그냥 하드코딩으로 우겨넣고...
좀더 공부해서 결과가 나오면 한번더 정리해보겠습니다.

추가로 이전글에서 data폴더등 공통폴더를 심볼릭링크로 하는걸 적었는데
꼭 ssh에서 하라는 예기가 아니라 터미널 열려있으면 그걸로 하시면 됩니다.
터미널까지 막혀있으면 뭐 그건저도...;