현재 위치

홈 ›› Forums ›› 공부 ›› 설치 및 활용 QnA

Apache 모듈중 *.css 파일의 @import 된 CSS를 파일 내의 내용으로 합쳐서 내려보내는 기능이 있을까요?

kwon37xi의 이미지
글쓴이: kwon37xi / 작성시간: 목, 2011/04/14 - 4:47오후

Apache 모듈중 *.css 파일의 @import 된 CSS를 파일 내의 내용으로 합쳐서 내려보내는 기능이 있을까요?

Apache 자체에서는 *.css와 *.js 등에 대해서 캐시를 1년동안 유지하도록 하였습니다.

그리고서는 CSS 를 HTML에서 호출할 때는 자동으로 타임스탬프가 붙게 하였습니다. style.css?123344 이런식으로 말이죠.
문제는 style.css 에서 @import 하는 CSS 들입니다.
이 영역은 CSS 코더의 영역으로 자동으로 import 대상 css파일에 타임스탬프를 붙일 수 없습니다.
브라우저는 아마도 @import 대상 CSS의 변경은 인지하지 못하고 1년을 캐쉬하라 했으니 1년동안 주구장창 캐시를 하게 될 것입니다.

그래서 제가 생각하는 해결책은 apache 가 *.css 에 대한 요청을 받으면 @import 구문을 그대로 내려보내지 않고 파일 하나로 모두 합쳐서 내려보내도록 하는 것이지요.

그러면 클라이언트 리퀘스트도 줄어들고 캐시 문제도 바로 해결이 될것 같습니다.

언젠가 이런 모듈을 본것 같기는 한데 기억도 안나고 아직 검색에 잡히지도 않네요.
저에게 링크를 내려주세요~

Forums: 
설치 및 활용 QnA
semmal의 이미지

글쓴이: semmal / 작성시간: 목, 2011/04/14 - 4:52오후

http://code.google.com/p/modconcat/

이걸 원하시는건가요?

------------------------------
How many legs does a dog have?

kwon37xi의 이미지

글쓴이: kwon37xi / 작성시간: 목, 2011/04/14 - 5:38오후

비슷하긴 한데.. 약간 다르네요.
@import 구문을 분석해서 자동으로 합쳐보내주길 바랬는데, 이건 직접 HTML 태그에 합칠 파일을 명시해야하는군요.
즉, 제가 원한 것은 CSS 코더의 작업에 자유를 부여하는 것입니다. 개발자의 간섭없이. ^^

http://kwon37xi.egloos.com

unsouled의 이미지

글쓴이: unsouled / 작성시간: 월, 2011/04/18 - 2:38오후

mod-pagespeed 에 combine css 기능이 있긴 하지만, 역시 @import 에는 동작하지 않을 겁니다.

http://code.google.com/intl/ko-KR/speed/page-speed/docs/module.html

익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 화, 2011/04/19 - 3:31오후

SSI (server side include) 를 사용하면 될 것 같네요.

http://httpd.apache.org/docs/current/howto/ssi.html

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.