CSS, Javascript 파일 압축전송 및 PHP 구문 사용하기
tml 및 php는 gzip을 이용해서 압축전송하는 경우가 많습니다.
그런데, css와 javascript는 압축전송을 하기가 불편한 부분이 많습니다.
mynufy를 이용해서 압축하는 방법이 있긴 하지만, 조금 불편한 부분이 있고, css와 js파일에서는 php의 기능을 사용하지 못하는 단점이 있습니다.
http://code.google.com/p/minify/
이러한 불편함을 간편하게 해결할 수 있는 방법을 소개합니다.
우선 .htaccess 파일에 아래 내용을 추가합니다.
<Files *.css>
Forcetype application/x-httpd-php
</files>
<Files *.js>
Forcetype application/x-httpd-php
</files>
위 내용은 css 와 js로 끝나는 확장자를 php형식으로 처리하라고 웹서버에 설정하는 기능입니다.
아파치 설정자체에서 해도 무방하지만, 호스팅 사용자가 많기 때문에 아파치 설정보다는 .htaccess에 추가하는 방법이 더 수월합니다.
위와 같이 설정을 완료하였다면, 이제부터는 css와 js 파일은 모두 php로 해석을 하게 됩니다.
따라서 기존 그대로 파일을 두면 제대로 인식하지 못하기때문에, 각 파일마다 아래와 같은 내용을 추가하셔야 합니다.
- CSS 파일 -
<?php
header("Content-type: text/css; charset: UTF-8"); // css파일형태로 출력하도록 헤더설정
ob_start("ob_gzhandler"); // 압축전송을 수행하도록 설정
?>
- JS 파일 -
<?php
header("Content-type: text/javascript; charset: UTF-8");
ob_start("ob_gzhandler");
?>
이제부터는 모든 css와 js 파일을 압축하여 전송합니다.
유용한 점은 css와js 파일 내부에서도 php 구문이 작동하기 때문에, 보다 동적으로 사이트를 만들 수 있습니다.
예를 들어 사용자에 따라서 css/javascript의 일부분을 변경하거나, 컨트롤 할 수 있습니다.
5분만 투자하면, 여러분의 사이트에도 금방 적용할 수 있습니다.
사이트에서 파일업로드 시 css 및 js 확장자 파일은 업로드 하지 못하도록 하셔야 합니다.
주의하십시오
댓글 2개
13년 전
좋은 팁을 알게 되었네요. 감사합니다.
특히 css와 js 파일 내부에도 php를 사용할 수 있다는 것도 엄청 큰 매력 같은데
마지막에 빨간 글자로
파일업로드를 하지못하도록 주의해야 한다는 건 왜 그런건가요?
특히 css와 js 파일 내부에도 php를 사용할 수 있다는 것도 엄청 큰 매력 같은데
마지막에 빨간 글자로
파일업로드를 하지못하도록 주의해야 한다는 건 왜 그런건가요?
13년 전
css 또는 js확장자로 업로드하고 실행시키면.. 큰일납니다. ^^
css확장자 말고 그냥 php파일을 css 또는 js 임포트하는 곳에 적어서 써도 상관은 없습니다...
위 예시를 응용해서 .nhn 파일을 php로 돌릴 수도 있고.. .gnu 와 같은 자신만의 확장자 파일을 php로 돌릴 수 있다는 이야기입니다. ^^
css확장자 말고 그냥 php파일을 css 또는 js 임포트하는 곳에 적어서 써도 상관은 없습니다...
위 예시를 응용해서 .nhn 파일을 php로 돌릴 수도 있고.. .gnu 와 같은 자신만의 확장자 파일을 php로 돌릴 수 있다는 이야기입니다. ^^
게시글 목록
| 번호 | 제목 |
|---|---|
| 30076 |
HTML
css 질문드립니다.
1
|
| 16255 |
JavaScript
자바스크립트 문장해석
2
|
| 16251 | |
| 16247 | |
| 16244 | |
| 16242 |
MySQL
주말 PHP + Mysql 알바하실분.
1
|
| 16237 | |
| 16236 |
jQuery
체크박스 체크시 셀렉트 선택 못하게
|
| 16233 | |
| 16230 |
JavaScript
텍스트 박스 숫자 증가 관련하여서
2
|
| 16220 | |
| 16219 |
Linux
리눅스 메모리 테스트 유틸 memtest
|
| 16218 |
Linux
nginx 에서 대역폭 제한하기~
|
| 26286 | |
| 16215 | |
| 30075 |
HTML
메인페이지 최근사진 엑박 뜨는데요
|
| 16212 |
jQuery
블랙바탕에 유용한 셀렉트박스 디자인
2
|
| 16209 | |
| 30072 | |
| 30069 | |
| 3938 | |
| 30065 | |
| 16207 |
JavaScript
밑에 질문 첨부파일 추가했어요..
1
|
| 16195 | |
| 16193 | |
| 30064 | |
| 30063 |
HTML
css3 질문인데요..
|
| 16191 |
PHP
정규식에 관한
1
|
| 16183 |
JavaScript
이 오류 해석좀 해주세요..
7
|
| 16177 | |
| 16175 | |
| 16170 |
Mobile
모바일 관련 두가지 질문드릴게요!
4
|
| 26283 |
계약서
노하우사용계약서
2
|
| 26282 |
서식
공유물분할합의서
|
| 26281 |
서식
금전차용증서
|
| 26280 |
계약서
근로계약서
|
| 26279 |
서식
고소장(2)
|
| 26278 |
서식
고소장(1)
|
| 26277 |
서식
계약해제통지서
|
| 26276 |
계약서
계속적상거래계약서
|
| 26275 |
계약서
건축하도급계약서
|
| 26274 |
계약서
건물임대차계약서
|
| 26273 |
서식
건물매수청구서
|
| 26272 |
계약서
건물매매계약서(2면)
|
| 26271 |
계약서
건물매매계약서(1면)
|
| 26270 |
서식
거래약정서
|
| 26269 |
서식
거래사실확인서
|
| 26268 |
계약서
가옥임대차계약서
|
| 26267 |
계약서
가등기담보설정계약서
|
| 26266 |
계약서
가공위탁계약서
|
| 26265 |
계약서
가계임대계약서
|
| 26263 |
계약서
OEM계약서
1
|
| 16168 | |
| 16137 | |
| 16136 |
PHP
고수님들 들어오세요
|
| 16135 |
JavaScript
스크립트에 설명좀 달아주십시요~~
|
| 3933 | |
| 26261 | |
| 24349 | |
| 30060 |
HTML
background 반복질문 ㅠㅠ
2
|
| 3929 | |
| 16133 |
기타
공공아이핀
1
|
| 16132 |
JavaScript
풀다운메뉴에서 테두리및버튼색깔 변경하기
|
| 30056 |
HTML
플래시를 수정해서 넣었는데
3
|
| 16126 | |
| 3926 | |
| 26259 | |
| 24346 | |
| 16123 |
JavaScript
뮤직플레이어 질문이에요!
2
|
| 30044 |
HTML
지적 부탁드립니다.
11
|
| 3923 | |
| 3921 | |
| 16116 | |
| 16112 |
PHP
db를 불러올때말이지요..
3
|
| 16107 |
JavaScript
ajax 관련 한글 깨짐 어떻게 해야 하나요?
4
|
| 16099 |
JavaScript
접기/펼치기 태그 질문입니다.
7
|
| 3920 | |
| 26253 | |
| 26252 | |
| 24345 | |
| 16093 |
JavaScript
onclick 익스버전문제인가요?
5
|
| 3914 | |
| 3911 | |
| 16089 | |
| 16087 |
JavaScript
AJAX에서 euc-kr 한글처리시 깨질때
1
|
| 16084 |
jQuery
책 목록 슬라이드
2
|
| 3908 | |
| 16081 | |
| 24344 | |
| 16078 |
PHP
다른함수는 없을까요????
2
|
| 3903 | |
| 26250 |
계약서
연봉계약서
1
|
| 26249 |
계약서
표준 매매계약서
|
| 3899 | |
| 3898 | |
| 16066 | |
| 30038 | |
| 16056 |
jQuery
E-BOOK 하나 올립니다.
9
|
| 16053 | |
| 16051 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기