포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
svg 파일과 MIME 등 관계에 대해
2011.03.30 01:29
안녕하세요~
실력도 없이 스킨 몇 개 만들었더니 이제 오류만 없으면 신경 안쓰려 해도 머가 자꾸 나오는지 ^^;
이렇게 간단한 스킨도 이럴지언데,
새삼 개발자 분들이 얼마나 다양한 환경을 고려해서 만들어야 할까, 호환성 유지에 얼마나 시간과 노력을 허비할까..
생각보다 훨씬 더 고생하실 지 안봐도 눈에 선하네요...
---------------------
여튼 본론으로 들어가면요..
제가 만든 스킨에 css3 일부 적용하면서 background gradient 를 썼었는데,
스킨 마지막 작업으로 IE9 호환 체크하다보니 IE9는 백그라운드 그라디언트를 지원하질 않는 불상사(?) 생겼네요..
대안으로 ms의 filter 사용해서 시도해봤는데, border-radius와 함께 사용하면 border-radius가 적용되질 않아서,
최후의 대안으로 svg화일을 백그라운드 이미지로 사용하는 방법을 택했는데요.
-------------
제가 테스트 계정으로 cafe24, paran 무료 호스팅 받고 있는데 잘 작동합니다.
근데 오늘 스킨 사용자가 질문하셔서 그 분 홈피에 가니 svg파일이 존재하는데 읽지 못하고 있더라구요.
(그 분 계정에 올라온 svg파일을 w3c 밸리데이터로 확인한 주소입니다. 한번 참조해주세요.
아래 머라머라 경고가 나오는데 먼 말인지 ;; 제 환경과 비교해보니 인코딩이 us-ascii 라는 거 정도? (이게 무슨의미인지도 모르겠어요..)
http://validator.w3.org/check?uri=http%3A%2F%2Fmgame.mireene.com%2Ftv%2Fmodules%2Fboard%2Fskins%2Fsketchbook5%2Fimg%2Fwhite%2Ffff_eee.svg&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.2
)
----------------
검색한 끝에 서버에 MIME 타입에 svg파일을 추가하라, image/svg+xml type 으로 해야 한다는 등등 말이 있는데
그래서 지식 생략하고(...) 단순한 2가지 의문이 생겼습니다.
1. svg 파일 로딩 뿐만 아니라 MIME 타입에서 .svg 화일은 일반적 웹서버 환경에서는 설정되지 않는건가요?
만약 그렇다면 svg파일을 현재 사용하는 방법은 권장되지 않는 건가요?
2. svg 파일을 최근의 html5 지원하는 브라우저에서는 직접 html에 삽입할 수 있는데,
이런 html파일을 직접 svg파일처럼 사용할 수 있는지?
------------
html5, css3 라고 해서 난리(?)길래 브라우저만 지원하면 다 사용할 수 있는 줄 알았는데 또 그게 아닌가 보네요..
다행히 일반적인 웹 환경에서 지원되기만 한다면 그냥 사용해보려고 합니다.
아니라면.. 그냥 svg 사용 포기해야죠.. ㅜ.ㅜ
-----------
ps. 제가 xe 사이트에 거의 질문만 하는데요, 늘 죄송스럽네요...
제가 컴터에 대해 아는 거(그리고 아는 사이트가 여기뿐;; 예전부터 개인 홈 만들어서 사용하다보니 제로보드로 알게 된) 없이
혼자 끄적끄적 거리면서 만들다 보니 어디에 이런 질문을 해야하는지 모르겠어요.
이런 웹 개발 관련 사이트 추천 좀 해주시면 감사하겠습니다~
실력도 없이 스킨 몇 개 만들었더니 이제 오류만 없으면 신경 안쓰려 해도 머가 자꾸 나오는지 ^^;
이렇게 간단한 스킨도 이럴지언데,
새삼 개발자 분들이 얼마나 다양한 환경을 고려해서 만들어야 할까, 호환성 유지에 얼마나 시간과 노력을 허비할까..
생각보다 훨씬 더 고생하실 지 안봐도 눈에 선하네요...
---------------------
여튼 본론으로 들어가면요..
제가 만든 스킨에 css3 일부 적용하면서 background gradient 를 썼었는데,
스킨 마지막 작업으로 IE9 호환 체크하다보니 IE9는 백그라운드 그라디언트를 지원하질 않는 불상사(?) 생겼네요..
대안으로 ms의 filter 사용해서 시도해봤는데, border-radius와 함께 사용하면 border-radius가 적용되질 않아서,
최후의 대안으로 svg화일을 백그라운드 이미지로 사용하는 방법을 택했는데요.
-------------
제가 테스트 계정으로 cafe24, paran 무료 호스팅 받고 있는데 잘 작동합니다.
근데 오늘 스킨 사용자가 질문하셔서 그 분 홈피에 가니 svg파일이 존재하는데 읽지 못하고 있더라구요.
(그 분 계정에 올라온 svg파일을 w3c 밸리데이터로 확인한 주소입니다. 한번 참조해주세요.
아래 머라머라 경고가 나오는데 먼 말인지 ;; 제 환경과 비교해보니 인코딩이 us-ascii 라는 거 정도? (이게 무슨의미인지도 모르겠어요..)
http://validator.w3.org/check?uri=http%3A%2F%2Fmgame.mireene.com%2Ftv%2Fmodules%2Fboard%2Fskins%2Fsketchbook5%2Fimg%2Fwhite%2Ffff_eee.svg&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.2
)
----------------
검색한 끝에 서버에 MIME 타입에 svg파일을 추가하라, image/svg+xml type 으로 해야 한다는 등등 말이 있는데
그래서 지식 생략하고(...) 단순한 2가지 의문이 생겼습니다.
1. svg 파일 로딩 뿐만 아니라 MIME 타입에서 .svg 화일은 일반적 웹서버 환경에서는 설정되지 않는건가요?
만약 그렇다면 svg파일을 현재 사용하는 방법은 권장되지 않는 건가요?
2. svg 파일을 최근의 html5 지원하는 브라우저에서는 직접 html에 삽입할 수 있는데,
이런 html파일을 직접 svg파일처럼 사용할 수 있는지?
------------
html5, css3 라고 해서 난리(?)길래 브라우저만 지원하면 다 사용할 수 있는 줄 알았는데 또 그게 아닌가 보네요..
다행히 일반적인 웹 환경에서 지원되기만 한다면 그냥 사용해보려고 합니다.
아니라면.. 그냥 svg 사용 포기해야죠.. ㅜ.ㅜ
-----------
ps. 제가 xe 사이트에 거의 질문만 하는데요, 늘 죄송스럽네요...
제가 컴터에 대해 아는 거(그리고 아는 사이트가 여기뿐;; 예전부터 개인 홈 만들어서 사용하다보니 제로보드로 알게 된) 없이
혼자 끄적끄적 거리면서 만들다 보니 어디에 이런 질문을 해야하는지 모르겠어요.
이런 웹 개발 관련 사이트 추천 좀 해주시면 감사하겠습니다~
댓글 5
-
현원
2011.03.30 10:57
-
hika1
2011.03.30 17:21
답변 감사드립니다. 위에 글 보고 질문 4종 세트 하나(?)만 해도 될까요? ^^;;;;;;
답변 해주심 정말 정말로 감사하겠습니다 ㅠ.ㅠ
솔직히 위에 무슨 말인지 잘 모르겠지만 ^^;
1. 결국 서버에서 설정해야 한다는 말씀이시죠?
2. 자체적으로 xe 내에서나 html에서 설정하는 방법은 없을까요?
3. 또, MIME 을 설정할여 svg를 볼 수 있도록 설정된 환경이 일반적인 웹서버 환경인가요?
4. 위의 링크 w3c의 벨리데이터에서 발생하는 문제는 먼가요? svg가 image/svg+xml 으로 전송되지 않고 그냥 text/xml 으로 전송되고 있는데, w3c 경고문에서 서버에서 chartset 이 설정되지 않았다고 나오는 걸로 봐서 이것도 결국 서버의 문제인가요?
ps. 이런 정보에 대해 알려면 어떤 사이트에서 얻을 수 있을까요? xe는 xe에 국한된 이야기 중점이라서요. -
현원
2011.03.30 17:46
1. 넵 한줄만 추가하면 됩니다만 서버 재기동이 필요합니다.
2. htaccess 로 가능할 겁니다.
3. 그냥 윈도용 아파치 2.2 에는 svg 에 대한 마임 타입 선언이 들어있군요.. apmsetup 같은 거에서는 확인안해봐서 모르겠는데 딱히 별 이유 있지 않는 이상, 있는게 정상일거 같습니다.
4. 하나는 캐릭터셋인데 뭐.. 인코딩 말하는 겁니다. 신경 안쓰셔도 될겁니다. 그냥 응답 헤더에서 content-type이 image/svg+xml 인것만 돌려주도록 하면 될 겁니다.
그냥 뭐.. 웹개발 하다보면 보는 이야기인지라.. -
hika1
2011.03.30 17:51
감사합니다~ ^^ 지금 검색하다보니 MIME 이 먼지 정확히 알았네요.
svg를 볼 수 있는 환경이 일반적 서버 환경이라고 믿을게요 ^^;;
단지, 저 링크에 있는 분의 환경은 제가 어찌해볼 도리가 없다는 거네요.. 미리내 호스팅 사용하고 계신가 본데.. 음..
여튼, 정말 감사합니다~ ^^ -
백성찬
2011.03.30 18:33
또는 htaccess를 이용해 마임 타입을 정의하거나요
정상적이라면 서버 응답에 svg에 대한 마임 타입을 추가하는게 멀쩡하다고 봅니다.
그러고보니 ie9 이놈의 브라우저.. 마임 타입 똑바로 안주면 플래시 파일도 플래시 아니라고 우기는데..
허.. 마소가 브라우저를 그렇게 만드는 곳이 아니었는데 ㅡㅡ;;;;