테스트 사이트 - 개발 중인 베타 버전입니다
SIR

CGF 사용 방법 (지운아빠님 보시면 참조되실 것 같아서. ㅎㅎ)

cshop
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 13년 전 · 1291 · 2
이메일 정리하면서 보니까 오리스키님이 술드시면서 제 얘기 하셨다는 내용도 있고. . . . ㅋㅋㅋ

한국에 태풍이 왔다는데 오리님은 무사하신지...

오래간만에 sir.co.kr 이 생각나서 들려 봅니다.  

"당신이 만든 프로그램을 설치하니 인터넷이 빨라졌습니다.  감사합니다."  - 이런 이메일을 한통 받았는데, 참 기분이 좋더군요.

한 몇달전? 반년전? 에도 GCF 에 대해 언급을 했었는데 (관리자님이 스크랩 해놓으신다고 하셨어서 기분이 참 좋았던. ㅎㅎ)

제가 받은 위 이메일은 제가 어떤 프로그램을 짜서 받은게 아니라, 한달전 어느 웹사이트를 하나 만들며 GCF 를 설치했기때문에 받은 이메일 입니다. 

GCF (구글 크롬 프레임) 설치방법 (무지 간단해요)

메타에 이렇게 한줄 넣으면 끝입니다.

<meta http-equiv="X-UA-Compatible" content="chrome=IE8" /> (IE 9 이하에서)

or
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> (모든 IE 버전에서)

이렇게만 한줄 넣으면, 구글 크롬에서 사용하는 모든 html5 요소 (canvas 같은), css3 transition, css3 animation 등의 효과, border-radius, 그림자, 등등,, 

암튼 방문자의 IE 브라우저를 99% 구글 크롬으로 변환시켜 줍니다.  (GCF 에서는 iframe 에 넣은 스크립팅이 먹통이 됩니다.)

옆에 보니까 지운아빠님이 sir.co.kr 사이트 리뉴얼 하시던데, (v15.js 라는 파일도 잠깐 훌터봤습니다.)
IE8 상에서 GCF 를 사용하시면 자스 처리속도가 20배나 빨라집니다.

(구글의 v8 엔진의 자스 처리속도가 IE 에 비해서 20배 빠른거죠.)

이래서 미국 웹사이트들은 거의 전부다 GCF 를 사용합니다.

물론 메타에 저렇게 한줄 넣어준다고 IE 가 자동으로 구글크롬화 되는건 아니고, 방문자가 GCF 를 설치해 줘야 합니다.

여기로 가서.

http://www.google.com/chromeframe/eula.html?quickenable=true&hl=ko (지금보니 한국어도 있네요.)

이부분을 자동화 해줘야 합니다.  (내공이 부족하신 초보자이신 경우, 자동화는 힘드실거고 그냥 저거 배너 하나에 안내문구 넣고, 링크 거시면 되겠죠?) 

정리하자면 (sir.co.kr 인 경우)

index.php 에 

1. 메타태그를 넣어주고
2. GCF 를 디텍팅 (어떻게?  오버로드 띄우시던가 오브저버 띄우신던가.. ㅋㅋㅋ)
농담이고, 관리자님이 잘 아시겠지만, php 로는 string 디텍팅 해주는 strpos 를 사용하면 된답니다. 

이런식으로.

$userAgent = $_SERVER['HTTP_USER_AGENT'];
if(
    strpos($userAgent, 'chromeframe') !== false

(저는 php 는 까막눈이라 제가 아는 자스로 처리했습니다.)

요런식으로.

var i = new ActiveXObject('ChromeTab.ChromeFrame');
        if (i) {
          return true;

액티브 X 토큰을 디텍팅 한거죠.

3. 그리고 GCF 스트링/토큰이 디텍트 안 된다, 이러면 IE 에 한해서 (<!--[if lt IE 10]> : IE10은 지원된다니까 10 이하에서만) 모달 하니 띄워주시고,

이런식으로,

1.jpg




그래서 GCF 가 설치되어 있지 않은 경우에만 저 모달 창이 뜨도록.

이게 전부 입니다.  

이런식으로 GCF 사용을 해주면 코딩하는 디자이너 입장에서는 천국이죠. ^^  사용자들에게는 "인터넷이 빨라졌어요", 이런 칭찬도 듣고. ㅋㅋㅋ

한국에서는 IE 때문에 html5 지원이 안되니까 css3 도 안되니까, 이러면서 새로운 코딩을 배우지 않고, 계속 이미지 떡칠만 하고 있으면 디자이너로서 발전이 없을 것 같습니다.  

웹사이트 속도면에서도,

 http://new.sir.co.kr/img/index.png (이거 파일 하나가 무려 74kb 가 넘네요. -..-;;)

이미지 사용 없이 거의 흡사한 모습을 css3 로만으로 만드실 수 있습니다.  

불필요한 이미지 사용을 없에면 사이트가 훨씬더 가벼워지죠. 

html5 shiv 같은 개별적인 자스보다, 모든걸 한방에 해결해주는 GCF 를 강추합니다.

그럼 태풍 조심하시고 안녕히 계세요.  오리스키님 술 넘 많이 드시지 마시구용. ^^  (간을 생각해야죠. 간을.  오리간은 비싼 음식인데, 오리간이 망가지믄... ㅋㅋㅋ)

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

xpem
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
아, 좋은 정보네요. 감사함다...추천도 스크랩도!!!
지운아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 13년 전
css3 로 이것도 되나요? 그렇다면 방법이나 코드 좀 굽신굽신...
흡사한 거 말고 동일하게 만드는 방법이요.
[http://sir.co.kr/data/cheditor4/1209/39e15c08affa1dcc17ae6a993a99d4f5_XfF7LfegYqYdgImkDRo4os.png]

게시글 목록

번호 제목
4132
10 년 이상된 사이트들.... 9
17083
jQuery hover 이미지 효과를 쓰고 싶습니다! 1
17082
Linux [python]버클리 DB 사용 해 보기
17081
Linux [python] os.path.getsize()
17080
Linux Can't set position pointer in file 메세지에 대해
17079
Linux [python]os.path.exists() 파일 존재 체크하기
17078
Linux parted 사용하여 2TB 이상 되는 하드 공간 파티션 나누기
17077
Linux csv file 에 대해
4127
VB로 회원관리프로그램을 개발할 경우... 4
17074
jQuery prettyphoto를 잘 다루시는 분께 질문드립니다~ 2
17073
Linux 실행파일이 필요로 하는 공유라이브러리 확인하기
17072
Linux 프로그램 실행중 환경변수를 확인하기
17071
Linux 터미널에서 쉽게 로그아웃하기
17070
Linux arp 명령 이용하여 아이피,맥 셋팅하기
17069
Linux 프로그램 정지 상태 조사(strace 이용)
17068
jQuery 도전해BoA요~ 1탄
17063
기타 웹호스팅 웹하드 용량 질문 4
17059
jQuery 마우스 오버시 나오게 할려면 어떻게하나요? 3
17057
PHP 질문. 1
4119
여러분의 직장연봉은? 7
17053
jQuery [질문] jQuery Mobile 에서 안드로이드 Scroll 문제 3
17050
Linux mysql replication 깨졌을때 2
17049
Linux 라이브 시디 받을 수 있는곳
17048
Linux cgi-bin 을 이용하여 서버에 루트권한으로 실행
17047
Linux 1번 cd 이용하여 grub 복구하기
17046
Linux 리눅스에서 한번에 열수 있는 socket 수 늘리기
17045
Linux 디렉토리의 사이즈 출력해주는 쉘
17036
JavaScript 3개의 배너를 돌리는 스크립트 8
17035
Linux 경로에서 파일명만 추출하기
17034
Linux 텍스트 계산기
17033
Linux 패치 파일 만들어 보기
17032
Linux libc.so.6 링크 건드리면...심각한 문제 발생됩니다.
17031
Linux 절대경로,상대경로 확실히 이해하기
17030
Linux 최신 커널 버전 간단히 확인하기
17029
Linux 심볼릭 링크와 하드 링크
17028
Linux umask
17027
Linux iptables 관련
17026
Linux xferlog 분석
17025
Linux iperf 로 통신속도 측정하기
17024
Linux 프로세스 빨리 종료하기
17023
Linux utf8 mrtg 실행되지 않을때
17022
Linux 리눅스 서버의 BIOS 및 시스템 정보 확인하기
17021
Linux 커널 모듈 수정하기
17019
MySQL 모든회원의 mb_open (정보공개) 궁금합니다. ㅠㅠ 1
30314
HTML CSS Font-Size Comparative Table 4
17016
기타 피망고스톱같은 게임 판매하는곳이나 관련업체 아시는분 있으신가요? 2
17014
기타 meta tag refresh 여러개 설정 질문입니다. 1
17010
JavaScript 제이쿼리 슬라이드 질문입니다! 3
17009
Linux critical_create(): semget() failed: No space left on device 로그를 봤을때
17008
Linux debian 3.1 업데이트가 되지 않을때?
17007
Linux mysql 3 버전에서 export 하여 mysql5 버전에 import 하기.
17006
Linux MySQL server has gone away 에러
17005
Linux php 확장 모듈 설치하기
17003
PHP N 카페 글쓰기 가능하신분있나요? 1
17000
기타 사무실 인터넷 대역폭 1G 정도 되는데 있을까요? 2
30311
HTML IE 5,6,7,8 대응해주는 .js 2
16992
jQuery 줌인(Zoom-in) 기능의 jquery 플러그인 7
16990
기타 로고 때문에 그러는데.... 디자이너분을 찾습니다. 1
16983
MySQL mysql 기본 명령어들이에요. 6
16982
기타 무료 강의 들을 수 있는 곳이에요.
16976
PHP 문자열 자르는 소스입니다. 5
16971
PHP 체크값은 mysql에 어떻게 저장되나요?? 4
16969
PHP 도와주세요~홈페이지 만드는데 뭐가 문제인지 모르겠어요....-_- 1
16965
MySQL [Q] 테이블 합치는법은 ? 3
4110
대구 PHP 개발자 계시나요? 8
16957
JavaScript 도와주세요ㅜㅜ 7
16955
PHP php Snoopy.. 1
16954
Linux / 파티션이 97% (8G사용) 인데 실제 du 체크하면 4G 정도 무엇이 문제인가?
16948
기타 나스 추천 부탁드립니다~~ 5
16947
Linux Apache failed to start with the "No space left on device" error.
16946
Linux history 명령에 대해
16944
PHP 회원 인증 로그인 시스템 보안 1
16941
node.js 웹호스팅과 Node.js 호스팅의 연동이 가능할까요? 2
16940
JavaScript 스크립트로 프린트 출력설정하기
16939
Linux arp 스푸핑한 서버 어떻게 찾나?
16938
Linux htpasswd 암호 8자리 까지입력했는데 들어가진다면?
16937
Flash 채팅방 스크룰바
16935
Flash DB연동 로그인 1
16934
Flash 플래시 mp3
16932
JavaScript “ 플래시보고 만든 글자 타이핑 소스입니다. ” 1
16931
JavaScript 즐겨찾기 모두 지원
16929
JavaScript 홈페이지에 항상있는 오른쪽 퀵 1
30304
HTML 하단에 딱붙어있는 레이어는 어떻게 만들어야 할지? 6
16926
Linux ls 했을때 디렉토리 색깔이 어둡다면? 2
4098
홈페이지 정말 처음만드는대 간단히라도 답변달아주시면감사드립니다 ㅠ 11
30297
HTML (소스)마우스오버시 힌트창 css만으로 작동 6
16923
기타 도와주세요. 서브닷 카페24설치 해보신분? 2
4097
도메인 등록 시스템???
30296
HTML 드림위버에서 특정 파일들의 코드 검색이 안됩니다.ㅜㅜ
16921
PHP xml 파싱할때 포트를 따로쓰나요? 1
16916
기타 그누보드로 홈페이지 제작 하는게 좋을까요? 4
16914
Flash 플래쉬 메뉴 펼쳐보임을 하고 싶으면 어떻게 해야 할까요? 1
30288
HTML 반응형 레이아웃 와이어프레임 7
16912
Flash 플래시 전체크기로 중간을 만들려고 하는데..ㅠㅠ 도와주세요 1
16908
jQuery jQuery 시리즈 동영상 강좌 리스트 3
16907
Linux tcpdump 간단 사용
16906
Linux 환경변수 path 를 확인하여 스크립트 속도향상하기
16905
Linux ssh 접속 지연이 발생할때
16904
Linux swap 생성
16903
Linux dmesg 클리어 하고 싶을 때
이전 다음
전체 목록