웹마스터 팁

jquery 외부로드하기

2014.04.07 01:09

DynamicLaser

외부로드의 이점

1. 호스팅 트래픽을 절감할 수 있습니다.

2. 요청이 서버에 줄어들어 사용자들이 더 빠르게 사용할 수 있습니다.

해당 방식을 이용함으로써 생기는 문제는, 1.5버젼대로 한정하여 보안에 취약해질 수 있습니다.

XE 1.5버젼

1. (xe설치경로)/classes/frontendfile/FrontEndFileHandler.class.php 를 연다.

열고나서 108번째 줄의 :// 를 임의지정하여 수정(if문을 삭제해도 된다.)

2. (xe설치경로)/classes/display/HTMLDisplayHandler.php 를 연다.

열고나서 function _loadJSCSS() 를 찾아 그 아래의 } else { 문에 jquery.min.js를 아래와 같이 수정한다.
$oContext->loadFile(array('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', 'head', '', -100000), false);
수정을 마쳤으면 저장하자.

XE 1.7버젼

1. (XE설치경로)/classes/display/HTMLDisplayHandler.php를 연다

2. 410번줄과 411번줄을 삭제, 다음과 같은 내용으로 대체한다

$oContext->loadFile(array('///ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', 'head', 'lt IE 9', -111000), true);
$oContext->loadFile(array('///ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js', 'head', 'gte IE 9', -110000), true);
$oContext->loadFile(array('///ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.2.1.min.js', 'head', 'gte IE 9', -109000), true);

이 게시물을

XpressEngine LAB - http://xelab.kr/

4!(4 factorial)=24 Creative Groups.

2016년 7월까지 모든 자료 관련 문의 안받습니다. XE내에서 배포중단 옵션이 없기때문에 제가 배포했던 모든 자료들에 대하여 fork하시던지 라이센스 지켜서 개작하시는건 아무런 상관치 않겠습니다.

DynamicLaser a.k.a mAKEkr.

루팡쿠팡

2014.04.07 06:52

보안에 취약해질수잇나요???
...

올려주신 애드온 설치하고 이것도 수정해줘야 하는건가요?
아니면 서로 다른 별개의 방법인가요?

좋아요 댓글 신고
DynamicLaser

2014.04.07 11:19

XE코어에는 jQuery와 관련되어 2개가 들어가있습니다. 전체적인 기능을 하는 jQuery의 코어, 그리고 디자인을 담당하는 jQuery UI가 있습니다. 제 애드온은 jQuery UI만 밖에서 불러오는거구요, 이 팁까지 적용하시면 완벽하게 jQuery 코어까지 외부에서 불러올 수 있습니다.

1.5버젼대에서는 파일의 위치를 검사하여 검증하는 부분을 삭제하는것이기 때문에, 상대적으로 취약해질 수 밖에 없습니다.

좋아요 댓글 신고
socialskyo

2014.04.07 11:39

다이나믹 레이저님 !! 유용한 팁 너무 감사 드립니다.

좋아요 댓글 신고
루팡쿠팡

2014.04.07 17:44

1.7버전대는 괜찮나요? 여러번 질문해서 죄송합니다. ㅠ

좋아요 댓글 신고
DynamicLaser

2014.04.07 17:45

네 괜찮습니다~

좋아요 댓글 신고

루팡쿠팡

2014.04.07 19:32

/**
	 * import basic .js files.
	 * @return void
	 */
	function _loadJSCSS()
	{
		$oContext = Context::getInstance();
		$lang_type = Context::getLangType();

		// add common JS/CSS files
		if(__DEBUG__)
		{
			$oContext->loadFile(array('./common/js/jquery.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/x.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/common.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/js_app.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/xml_handler.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/xml_js_filter.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/css/xe.css', '', '', -1000000), true);
		}
		else
		{
			$oContext->loadFile(array('./common/js/jquery.min.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/x.min.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/js/xe.min.js', 'head', '', -100000), true);
			$oContext->loadFile(array('./common/css/xe.min.css', '', '', -1000000), true);
		}

		// for admin page, add admin css
		if(Context::get('module') == 'admin' || strpos(Context::get('act'), 'Admin') > 0)
		{
			if(__DEBUG__)
			{
				$oContext->loadFile(array('./modules/admin/tpl/css/admin.css', '', '', 10), true);
				$oContext->loadFile(array("./modules/admin/tpl/css/admin_{$lang_type}.css", '', '', 10), true);
				$oContext->loadFile(array("./modules/admin/tpl/css/admin.iefix.css", '', 'ie', 10), true);
				$oContext->loadFile('./modules/admin/tpl/js/admin.js', true);
				$oContext->loadFile(array('./modules/admin/tpl/css/admin.bootstrap.css', '', '', 1), true);
				$oContext->loadFile(array('./modules/admin/tpl/js/jquery.tmpl.js', '', '', 1), true);
				$oContext->loadFile(array('./modules/admin/tpl/js/jquery.jstree.js', '', '', 1), true);
			}
			else
			{
				$oContext->loadFile(array('./modules/admin/tpl/css/admin.min.css', '', '', 10), true);
				$oContext->loadFile(array("./modules/admin/tpl/css/admin_{$lang_type}.css", '', '', 10), true);
				$oContext->loadFile(array("./modules/admin/tpl/css/admin.iefix.min.css", '', 'ie', 10), true);
				$oContext->loadFile('./modules/admin/tpl/js/admin.min.js', true);
				$oContext->loadFile(array('./modules/admin/tpl/css/admin.bootstrap.min.css', '', '', 1), true);
				$oContext->loadFile(array('./modules/admin/tpl/js/jquery.tmpl.js', '', '', 1), true);
				$oContext->loadFile(array('./modules/admin/tpl/js/jquery.jstree.js', '', '', 1), true);
			}
		}
	}

	/**
	 * import basic .js files for mobile
	 */
	private function _loadMobileJSCSS()
	{
		$oContext = Context::getInstance();
		$lang_type = Context::getLangType();

		// add common JS/CSS files
		if(__DEBUG__)
		{
			$oContext->loadFile(array('./common/css/mobile.css', '', '', -1000000), true);
		}
		else
		{
			$oContext->loadFile(array('./common/css/mobile.min.css', '', '', -1000000), true);
		}
	}

}
/* End of file HTMLDisplayHandler.class.php */
/* Location: ./classes/display/HTMLDisplayHandler.class.php */

좋아요 댓글 신고

루팡쿠팡

2014.04.07 19:33

이렇게 되어있는데요..

@DynamicLaser 님! 저는 1.7대 버전인데요.. 410번줄과 411번줄이 없습니다..ㅠㅠ

좋아요 댓글 신고
DynamicLaser

2014.04.07 20:03

1.5버젼대 아니신가요? 파일목록이 1.5버젼대네요.

좋아요 댓글 신고
루팡쿠팡

2014.04.07 21:55

어라..Your version: 1.7.3.7 이라 되었습니다만...

파일목록은 1.5인가요..???

좋아요 댓글 신고
DynamicLaser

2014.04.07 22:02

아 제가 잘못알고 있었네요 T_T

1.7.3.7버젼보단 1.7.4버젼대로 업그레이드하셔서 이용하시는걸 추천드려요(jquery 버젼이 상당히 낮아요)

그래도 하시겠다면

지금 올려주신 소스의 405번째 줄의 내용을

$oContext->loadFile(array('///ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', 'head', , -110000), true);

로 바꿔주세요.

좋아요 댓글 신고
루팡쿠팡

2014.04.07 22:16

댓글 감사합니다^^

lt IE 9 랑 gte IE 9 이것 빼준것이 너무 궁금합니다 ㅎ

좋아요 댓글 신고
루팡쿠팡

2014.04.07 22:20

헛.. 백지상태되네요...ㅠㅠ

좋아요 댓글 신고
DynamicLaser

2014.04.07 22:23

백지로 되시면 원래대로 돌리세요 @_@.. 워낙 코어마다 방식이 들쑥날쑥해서..

좋아요 댓글 신고
루팡쿠팡

2014.04.07 22:24

ㅠㅠ..

이 방법 안해도 괜찮을려나용...?

좋아요 댓글 신고
DynamicLaser

2014.04.07 22:30

막 속도가 한번에 확 빨라지고 트래픽이 한번에 확 줄어드는건 아니니까요. 안하셔도 괜찮습니다~ ^^

그냥 요건 하시면 더 좋은거에요.

좋아요 댓글 신고
루팡쿠팡

2014.04.07 22:40

그렇군요.. 근데 이건 어떤 쓰임새인가요? 그냥 궁금해서용..

좋아요 댓글 신고
DynamicLaser

2014.04.07 22:45

lt IE 9, gte IE 9 말씀하시는건가요?

less than IE 9(IE9보다 낮으면), grater-than or equal IE 9(IE 9이거나 IE 9보다 높으면)의 줄임말입니다.

자세한 설명은.. http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx 이쪽을 참조하세요 ^^;

좋아요 댓글 신고
루팡쿠팡

2014.04.07 22:48

감사합니다^^

좋아요 댓글 신고
도라미

2014.04.07 20:32

jQuery ui 외부로드 애드온 처럼 unload로 제이쿼리 외부로드가 불가능 한가요?

좋아요 댓글 신고
DynamicLaser

2014.04.07 20:48

네, Context 혹은 FrontEndFileHandler로 조절할 수 없는 범위내에 있는것같아요

좋아요 댓글 신고
댑펑

2015.02.17 17:55

현재 제이쿼리 관련하여 트래픽이 가장 많이 발생하는게 아래 두개의 파일 같습니다.

1. /common/js/plugins/ui/jquery-ui.min.js

2. /common/js/jquery.min.js

1에 관련해서는

http://www.xpressengine.com/index.php?mid=download&package_srl=22673736

위의 애드온을 사용하면 되나요?

2에 관련해서는 본문의 수정방법대로 하고 싶은데 410번과 411번이라는 번호가 맞지 않는 듯 합니다. 행번호 보다는 "어떠어떠한 내용을" "어떠어떠한 내용으로 바꿔라"고 알려주시면 더 알기 쉬울 듯 합니다.

참고로 저는 1.7.10 버전을 사용중입니다.

좋아요 댓글 신고
이즈야

2015.02.17 18:43

https://www.xpressengine.com/index.php?mid=download&package_id=22677441

좋아요 댓글 신고

제목	글쓴이	날짜
방문자수 (카운터) 마음대로 조작하기 [37]	Br_7941	2008.08.23
[게시판] 이미존재하는 모듈이름 입니다. 오류. [2]	나이스가이212	2008.08.21
로그인 문제 및 첨부파일 안올라가는 문제 해결책(세션 문제일 경우..) [6]	이홍석295	2008.08.20
한글로 된 이미지 문제 [17]	Defy	2008.08.19
[초보팁] 우리말 수정하기(예제: 가입창 이름란 삭제) [3]	블루파티	2008.08.19
인용구 접기기능 링크이름 Underline 없애기 [4]	똑디	2008.08.19
zbxe에 bgm을 설치하자 [11]	우리아기	2008.08.16
이미지 좌측 정렬시 내용이 적으면 아래부분 올라오는 문제 해결법 [2]	대류	2008.08.16
미국 yahoo zbxe 설치 및 mysql 연결 [4]	mr007	2008.08.15
zbxe에서 piclens 사용하기 [2]	우정진	2008.08.15
권한 문제 때문에 생길 수 있는 문제 해결 방안	꽃들	2008.08.14
rewrite mod 사용 않될 경우 해결 방법 1가지	블루스카이77	2008.08.13
렙업시 소속그룹 없어지는 문제! 얍실하게 해결.. 쿨럭. [2]	이슈카ㆀ	2008.08.12
댓글 첨부파일부분 닫기/열기 추가 [1]	Gnee	2008.08.09
오픈 아이디(OpenID)로만 로그인 허용하기 [7]	withover.com	2008.08.07
설치시 초기화면으로 돌아가는 현상 해결 [1]	spk	2008.08.07
닉네임, 이름 정보변경 못하게 하기. [6]	부엉이	2008.08.06
첨부화일 등록시 사라지는 현상 [2]	0라이트0	2008.08.05
TRAC과 SVN을 참조하여 1.0.5의 애드온 설정 버그 해결하기	Adios	2008.08.04
제로보드 문자열 정교하게 자르기 [11]	젝망치	2008.08.03

태그 쓰기

웹마스터 팁

jquery 외부로드하기

XE 1.5버젼

XE 1.7버젼

댓글 22

루팡쿠팡

DynamicLaser

socialskyo

루팡쿠팡

DynamicLaser

루팡쿠팡

루팡쿠팡

DynamicLaser

루팡쿠팡

DynamicLaser

루팡쿠팡

루팡쿠팡

DynamicLaser

루팡쿠팡

DynamicLaser

루팡쿠팡

DynamicLaser

루팡쿠팡

도라미

DynamicLaser

댑펑

이즈야

About

Get involved

Blog

Download

Support

Showcase