강좌게시판

제목 Hook을 이용하여 웹과 모바일웹 만들기 2편
글쓴이 변종원(웅파) 작성시각 2011/03/30 18:55:38
댓글 : 11 추천 : 0 스크랩 : 1 조회수 : 25097   RSS
1. application/controllers/main.php 라고 가정을 하고
<?php

class Main extends Controller {

	function Main()
	{
		parent::Controller();
		$this->load->model('contents_m', 'cm');
	}

	function _remap($method) {
		//접근 브라우저에 따른 분리
		if( BROWSER_TYPE == 'W' )
		{
			//웹인 경우
			$this->load->view('common/head_v');
			$this->{$method}();
			$this->load->view('common/foot_v');
		}
		else if( BROWSER_TYPE == 'M' )
		{
			//모바일인 경우
			$this->load->view('common/mobile_head_v');
			$this->{$method}();
			$this->load->view('common/mobile_foot_v');
		}
	}

	/**
	* 메인 페이지
	*
	*/
	function index()
	{
		if( BROWSER_TYPE == 'W' )
		{
			//웹인 경우
			$this->load->view('main/main_v');
		}
		else if( BROWSER_TYPE == 'M' )
		{
			//모바일일 경우
			$this->load->view('main/m_recent_v');
		}
	}
}
?>
_remap을 이용하여 웹일 경우와 모바일일 경우의 헤더, 푸터를 다르게 선언해줍니다.
(모바일일 경우는 jqtouch를 이용하여 아이폰과 같은 UI를 구현합니다.)

각각의 view파일은 첨부한 파일을 참고 바랍니다.

참고주소는 http://112.216.187.42:8282/contents/main 입니다.

웹에서 접속했을 때는 아래와 같은 화면이 나오고



모바일로 접속했을 때는 아래와 같은 화면이 나오게 됩니다. (jqtouch 적용)


아이패드에서 본 화면을 찍은거라 좌우로 퍼져있지만 아이폰에서는 적당한 크기로 나옵니다.

참 쉽죠잉? ^^




퍼가실 때는 출처 명기 바랍니다.
첨부파일 view_file.zip (5.4 KB)
 다음글 CI 속도, 메모리, eAccelerator, Memc... (14)
 이전글 Hook을 이용하여 웹과 모바일웹 만들기 1편 (5)

댓글

milosz / 2011/03/30 21:47:27 / 추천 0
 유용한 강좌네요. 잘봤습니다!!
양승현 / 2011/04/04 17:35:14 / 추천 0
참고 해야겠네요.

언젠간 해야할 작업 ㅜ.ㅜ
ns / 2011/04/05 12:52:58 / 추천 0
잘되는군요. 감사합니다~
변종원(웅파) / 2011/04/05 13:43:57 / 추천 0
milosz, ns/ 감사합니다. ^^

양승현/ 모바일 웹메이커3 구현되어 있지 않나용? ^^
헛발이 / 2011/04/05 14:37:42 / 추천 0
태클거는건 아닌데요....
제 휴대폰(소프트뱅크)에선

"이 단말기에선 이용할 수 없습니다.(WJ46013E)"

라고 나오고요.. 도코모에서는



이렇게 보여요~

그리고 파이어모바일에뮬레이터에서도 그냥 웹사이트가 보이던데....

절대 태클 아니에요 ^^;;;
무명의시인2 / 2011/04/05 14:50:08 / 추천 0
뭘까요....? ㅎㅎ
변종원(웅파) / 2011/04/05 15:33:22 / 추천 0

헛발이/ 네. hook에서 브라우저 체크하는 부분이 한국에서 나온 휴대폰 기준일 겁니다. 그래서 웹페이지가 뜨네요. 일본 모바일브라우저의 $_SERVER['HTTP_USER_AGENT'] 값을 추가해주면 됩니다.

원래 값에는 SonyEricssonX1도 없었습니다. 제가 전에 X1을 사용해서 값 찍어보고 추가한 겁니다. ㅋㅋ

거짓없는삶 / 2012/08/14 13:03:42 / 추천 0
감사합니다~
꾸숑 / 2013/02/27 02:19:34 / 추천 0

웅파// 좋은 강좌 감사합니다.
바로 적용해 봐야 겠네요 ^^

beop / 2013/12/12 09:49:35 / 추천 0
감사합니다 잘쓰고있습니다.
초코바 / 2014/05/26 23:25:36 / 추천 0
와우~ 정말 좋은 강좌였습니다. 웅파님 사랑해요~