'컴퓨터/프로그래밍'에 해당되는 글 34건

  1. 2010/03/28 필요한 기능이 있어서 만들어본 이미지 뷰어 = ㅅ=;;; (2)
  2. 2010/01/01 티스토리에서 자동으로 모바일 페이지로 이동하기 (9)
  3. 2009/07/26 웹 프로그래밍의 허와 실 - Character Set (4)
  4. 2009/07/25 웹 프로그래밍의 허와 실 - 들어가기 앞서서 (2)
  5. 2009/03/07 간단한 웹 서버 프로그램 거의 다 만들었습니다. (5)
  6. 2009/02/20 간단한 웹 서버 제작에 들어가기 앞서서
  7. 2009/02/16 간단한 웹 서버 제작 계획중?!
  8. 2008/09/30 HTML의 table 테그에 관해서 (4)
  9. 2008/09/08 Chrome 때문에 일거리 늘어나버렸네 -_-;;
  10. 2008/05/27 자바스크립트로 페이지 이동 팁

필요한 기능이 있어서 만들어본 이미지 뷰어 = ㅅ=;;;

제가 사진을 찍을때 색범위가 넓은 Adobe RGB를 선호하는 편입니다.
물론 편집할때도 Adobe RGB로 편집해서 웹에 올릴때 sRGB로 변환해서 올리는데.
아시는 분들은 잘 아실테지만 이미지 뷰어 중에 컬러 스페이스를 지원하는 이미지 뷰어가 극히 드물고 지원한다고 하더라도 많이 느립니다... = ㅅ=;;;
요즘 브라우저들은 (인터넷 익스플러를 제외하고) 전부 지원하는데도 말이죠.
그래서 아무래도 제대로 편집했더라 하더라도 색이 많이 죽어서 보여지는게 좀 짜증이 나서...

더러워서 내가 짜서 쓴다.

라는 생각으로 대충 만들었습니다. = ㅅ=;;;

일단 아주 기본적인 기능만 넣었습니다. 이미지 보기, 이전 이미지, 다음 이미지, 맨 처음 이미지, 마지막 이미지, 전체화면 정도? 그리고 컬러스페이스도 지원해서 컬러스페이스에 관계 없이 일정하게 보여집니다.(아마도...)
에, 그리고... 기본적으로 .NET Framework 2.0 이상을 필요로 하니깐... 같이 받아서 쓰세요. (여기)

... 다음 업데이트는 과연 있을것인가... = ㅅ=;;;

MinyImageViewer.exe

덧1] 단축키를 깜빡했네요 ㅎㅎ
화면 더블클릭: 파일 열기
휠 클릭: 전체화면/해제
좌: 이전 그림
우: 다음 그림
Home: 처음 그림
End: 마지막 그림

덧2] 다음 업데이트땐...
EXIF를 읽어다가 카메라 정보를 간단하게 표시?
100% 보기 기능 추가?
파일연결?
뭐가 좋을까... = ㅅ=;;

덧3] 아이콘 이미지랑, 각 파일(jpeg, gif, png tiff)별 아이콘이 있으면 좋겠는데... = ㅅ= 걱정이네...

덧4]  GPL걸고 소스 공개할까... 뭐, .NET기능을 그냥 그대로 쓴거라 공개해도 볼꺼 없지만... ㅋㅋ
저작자 표시 비영리 변경 금지
Trackback 0 Comment 2

Trackback : http://blog.myhyuny.com/trackback/347 관련글 쓰기

  1. BlogIcon RUKXER 2010/03/29 01:11 address edit & del reply

    어떻게 쓰는겨??
    단축키 설명이라도 쫌....ㄷㄷㄷ

    • BlogIcon 화현 2010/03/29 03:35 address edit & del

      내용을 추가했습니다!! > ㅁ<

티스토리에서 자동으로 모바일 페이지로 이동하기

요즘 아이폰을 하다 문득 눈에 띄는게 하나 있는데요.
그건 티스토리는 모바일 페이지를 가지고 있음에도 불구하고 자동으로 모바일 페이지로 이동을 안한다는 점입니다. =ㅅ=;;

그래서 트래픽 비용도 고려해 자동으로 모바일 페이지로 이동하는 자바스크립트를 만들어 봤습니다 >ㅁ<

<script type="text/javascript">

if (navigator.userAgent.match(/iPad/) == null && navigator.userAgent.match(/Mobile|Windows CE|Windows Phone|Opera Mini|POLARIS/) != null)

    location.href = "http://" + location.host + "/m" + location.pathname;

</script>
위의 내용을 스킨에서 <head>테그 바로 아래에 저 내용을 넣으시면 됩니다 ^^

이 방법의 단점이 있다면, 아무래도 스크립트에 강제로 넣는거다 보니 모바일에서는 무조건 강제로 모바일 페이지로 이동합니다. 그래서 모바일 기기에서는 원래의 티스토리 화면이 안보이게 됩니다 -ㅅ-;; 이것은 아무래도 티스토리 쪽에서 기능을 넣어줘야 하는거라 제가 함부로 기능을 넣기는 좀 애매하네요(억지로 넣을 수는 있습니다 ㄷㄷ)

그리고 현재 아이폰만 되는데... 혹시 오페라와, WM용 인터넷 익스플러 및 오즈 같은 풀브라우징이 가능한 모바일 기기의 User-Agent 정보를 보내주시면 그때 그때 스크립트를 수정하겠습니다. (User-Agent를 확인하는 방법 -> 브라우저 주소창에 javascript:alert(navigator.userAgent); 를 넣으면 확인 가능합니다 ^^)

PS1] 아이팟 터치 추가했습니다.
PS2] everydays님 도움으로 여러 핸드폰을 추가했습니다.
PS3] 아이폰용 오페라 미니 추가했습니다.
PS4] 아이패드로 접속 시 일반페이지로 보여지게 했습니다.
PS5] 코드를 대폭 간소화 했습니다.
PS6] Windows Phone을 추가했습니다.
저작자 표시 비영리 변경 금지
Trackback 4 Comment 9

Trackback : http://blog.myhyuny.com/trackback/334 관련글 쓰기

  1. Subject 티스토리에 모바일 페이지 전환 버튼 달기

    Tracked from RUKXER.net 2010/01/01 01:50 delete

    2009년 마지막 날, 잘 보내고 계신가요 :-) 엄청 추운 날이 됐네요! 햇살은 좋은 것 같은데....ㅎㅎ 이번엔 연말을 기념해서 오랜만에 순수한(?) 팁 포스팅 하나 올릴까 합니다^^. 최근 아이폰과 옴니아2의 대결 여파로 스마트폰 유저가 폭발적으로 많아지면서 블로그도 스마트폰에 맞는 모바일 환경을 지원해 주는 것이 필요로 하게 되었습니다. 안타깝게도 티스토리는 텍스트큐브와 달리 모바일 환경을 자동으로 인식해 변환해주는 역할을 하지 못하는데요....

  2. Subject 티스토리의 모바일 웹 접근성에 대한 고민

    Tracked from RUKXER.net 2010/01/04 16:56 delete

    다름이 아니라 조금 고민 중인게 있는데..... 아이폰만 20만 대가 넘게 팔려나갔다는 것은 모바일 웹 유저가 최소한 20만 명이 넘었다는 소리로 받아 들여집니다. 여기에 경쟁 제품까지 더하면 더욱 많다고 볼 수 있겠죠. 어디서나 웹(인터넷)에 접속이 가능한 환경에 있는 사람들이 대폭 늘어 났는데, 기존의 블로그들도 그에 맞춰 변화를 꾀해야 되지 않을까 싶어서 고민 중입니다. 일단 제가 이용 중인 티스토리의 모바일 환경은 /m 으로 이미 만들어져 있..

  3. Subject 서울비의 알림

    Tracked from seoulrain's me2DAY 2010/02/10 01:42 delete

    티스토리에서 자동으로 모바일 페이지로 이동하기 — Firen's Diary

  4. Subject user agent string을 이용한 브라우저별 사이트 이동

    Tracked from 개구쟁이 태즈의 작은 섬 이야기 - 블로그 2010/06/01 08:50 delete

    스마트폰을 이용하여 홈페이지 접속시 스마트폰용 페이지가 자동으로 나오게 하는것을 구글링을 통해 찾아냈군요.. 하도 안나오길래 거의 포기직전 찾았습니다. 브라우저의 user agent string을 이용하는 방법이지요. 여러 사이트의 검색 결과를 토대로 적용한 방법 입니다. <script type="text/javascript"> // goto mobile page //http://en.wikipedia.org/wiki/List_of_user_agen..

  1. BlogIcon RUKXER 2010/01/01 01:51 address edit & del reply

    나는 터치팟이라서 그런가? iPod로 뜨는구만~. 추가하려면 어떻게 해야 되노??

    • BlogIcon 화현 2010/01/01 02:24 address edit & del

      터치팟 추가했어요^^
      이전꺼랑 비교하시면 쉽게 이해 되실꺼에요^^

  2. BlogIcon eslife 2010/02/03 21:34 address edit & del reply

    감사합니다. 방법을 찾고 있었는데 너무 간단하게 해결 되네요.. 감사합니다.

    • BlogIcon 화현 2010/02/07 21:01 address edit & del

      도움이 됬다니 다행이네요 ^^

  3. everydays 2010/03/05 11:51 address edit & del reply

    LG 아르고폰(LG텔레콤) - Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; 800*600;POLARIS 6.0;em1.0;lgtelecom;EB10-200090218-707682823;LG-LH2300;0);

    iPod Touch - Mozilla/5.0 (iPod; U; CPU like Mac OS X; ko-kr) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

    옴니아 Opera Mobile - SAMSUNG-SCH-M490/(null)HK4 (compatible; MSIE 6.0; Windows CE; PPC) Opera 9.5

    옴니아 IE Mobile - SAMSUNG-SCH-M490/(null)HK4 (compatible; MSIE 6.0; Windows CE; IEMobile 7.11) 이렇다고 하네요,,, 그럼 agent.match(/iPhone/) 이부분만 추가해주면 되는건가요??

    • BlogIcon 화현 2010/03/14 00:24 address edit & del

      아무래도 속성을 추가하기 힘들어서 약간 수정했어요^^
      이제 배열에 값을 추가해 주기만 하면 되요 ^O^

  4. BlogIcon rainism 2010/04/29 11:27 address edit & del reply

    모토로이의 Chrome 입니다.
    Mozilla/5.0 (Linux; Ul; Android 2.1-update1; ko-kr;XT720 Build/STSKT_N_79.11.36R) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17

    • BlogIcon 화현 2010/04/29 21:12 address edit & del

      앗, 감사합니다 ^^
      그리고 코드를 보니 중간에 Mobile이 있어서 굳이 수정하지 않아도 될꺼 같네요 ^^

  5. BlogIcon 건방진연이 2010/06/08 14:55 address edit & del reply

    좋은정보감사합니다.
    어제 텍스트큐브에 들어가니 자동전화이 되더라고요. 그래서 오늘 티스토리 변환을 찾고 있었는데 ^^ 감사합니다.

웹 프로그래밍의 허와 실 - Character Set

웹 프로그래밍을 하다 보면 꼭 한두번씩 걸려서 상당히 시간 잡아먹는 캐릭터셋에 대해 이야기 해보겠습니다.

EUC-KR 이 유니코드보다 한글을 더 많이 지원한다?
요즘엔 어떨찌 모르겠는데 예전에 EUC-KR이 유니코드보다 한글을 완벽히 지원한다고 해서 유니코드가 안좋다는 식으로 이야기 하던 시절이 있었습니다. 하지만, 원칙적으로는 EUC-KR은 유니코드보다 한글 표현 및 한자 표현에 제한이 좀 많습니다. 예를들어 10년전 한컴에서 윈도우95에서 표현 못하지만 한글에서 표현 가능하다던 '똠방각하' 라던지, 예전에 DC에서 유행했던 '아햏햏', '쀍' 같은것은 물론 상당히 많은 수의 한글과, 한자를 사용 못합니다.

EUC-KR은 소스 코드 상에서 똠, 햏, 쀍 같은 글자가 코드로 나타난다.


물론 브라우저 상에서는 잘 나올수도 있습니다만 언제까지나 브라우저에서 처리를 하는거라 많은 문제가 발생합니다.
그럼 이 문제를 어떻게 해결 가능하냐...
사실 이 문제는 10년전에 이미 해결 된 상태입니다 =ㅅ=;;;

UHC, MS949로 불리는 CP949코드를 사용하면 해결 가능한데 EUC-KR의 확장 코드이고, 한글 윈도우의 기본 인코딩셋이라 Content-Type의 캐릭터셋을 cp949나, uhc로 변경하면 곧바로 사용 가능합니다.

charset을 uhc로만 바꿨을 뿐인데 잘 작동 된다


그리고 이론적으로 유니코드가 CP949보다 훨씬 더 많은 한글를 지원합니다.(모든 한글은 물론 옛한글 표현 가능) 단지 표현할 수 있는 프로그램이 극히 적어서 활용을 못할 뿐이지만요... (자세한것은 검색을)

유니코드UTF-8은 같다 다르다?
마치, Rock와, Metal은 같다(혹은 다르다)와, R&B와, Soul은 같다(혹은 다르다)와 비슷한 맥략입니다.
UTF-8은 유니코드의 한 종류입니다. (Metal은 Rock의 한 종류고, Soul은 R&B의 한 종류죠)

UTF-8의 한글 코드는 1캐릭터당 2바이트다
이 부분은 유니코드와 UTF-8의 구조를 알아야 하는 부분입니다. 일단, UTF-8은 ASCII 코드를 제외한 코드들을 1캐릭터당 2~4바이트로 표현합니다. 한글은 3바이트로 표현 되더군요. 그리고 한글중에 좀 특별한 경우(옛 한글이나, 조합형) 같은 경우에는 그 이상이 됩니다. 즉... 가변 -ㅅ-;;;

자바스크립트는 현재 페이지의 캐릭터셋을 사용한다.
자바스크립트 기본 캐릭터셋은 UTF-8입니다. 그리고 브라우저마다 다를 수 있겠지만 페이지 케릭터셋이 latin-1이나, euc-kr, uhc 어느것이더라도 자바스크립트에서 utf-8로 변환됩니다.

URL에 (혹은 GET메서드나, 파일명에) 한글을 넣어도 된다.
ASCII코드만 넣을 수 있습니다. (자세한것은 나중에) 그래도 혹시 넣는다면 UTF-8을 권장합니다. 거의 모든 브라우저가 한글을 UTF-8로 변환한 뒤, URL Encoding을 해서 전송하기 때문입니다...



결론은... UTF-8이 진리. -ㅅ-+



덧] 혹시 궁금한거 있으시면 꼭 캐릭터 셋이 아니더라도 질문해주세요... 제가 아는거면 추가 시킬께요 ㄷㄷ
저작자 표시 비영리 변경 금지
Trackback 0 Comment 4

Trackback : http://blog.myhyuny.com/trackback/303 관련글 쓰기

  1. 산적두목 2009/07/29 04:10 address edit & del reply

    문제는 이게 뭔소린지 전혀 모르겠다는거지 ㅎㄷㄷㄷㄷㄷ

    • BlogIcon 화현 2009/07/29 17:03 address edit & del

      아마, 내가 너하고 있으면 자주 느끼는 그 기분일꺼야...

    • 산적두목 2009/08/02 14:30 address edit & del

      ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  2. 2009/08/17 11:10 address edit & del reply

    비밀댓글 입니다

웹 프로그래밍의 허와 실 - 들어가기 앞서서

이번엔 진짜 하겠습니다 =ㅅ=;;;

뭔가 연재를 하려 해도 흐지부지 해서 쓰기 쉬운거로 접근할 생각입니다.
그래서 제가 요 몇년동안 웹 프로그래밍을 하면서 알게된것을 바탕으로 웹 프로그래밍에서 잘못된 편견 같은 것들을 다룰 예정입니다.

첫번째 시간으로 웹 프로그래밍만이 아닌 영어권 이외의 거의 모든 나라에서 항상 부딛치게 되는 Character Set에 대해 이야기 해 볼 생각입니다. 그러니깐 혹시 궁금한거 있으시면 댓글 달아주세요 제가 아는거면 꼭 넣을께요 ㅎㅎ
저작자 표시 비영리 변경 금지
Trackback 0 Comment 2

Trackback : http://blog.myhyuny.com/trackback/302 관련글 쓰기

  1. BlogIcon Deios 2009/07/26 12:37 address edit & del reply

    언제나 머리아프게 하는 캐릭터셋... 기대할께요 ^^

    • BlogIcon 화현 2009/07/26 21:57 address edit & del

      기대에 부흥할 수 있을지 걱정입니다 ㅠㅠ

간단한 웹 서버 프로그램 거의 다 만들었습니다.

이전글
간단한 웹 서버 제작 계획중?!
간단한 웹 서버 제작에 들어가기 앞서서
에 이어서...

일단은 거의 다 만들었습니다. 이야기 한 대로 Content-Type 지원 및 파일 업로드... 끝 (좀 심했나...)

그래서 공개를 하기 위해 주석 달기에 들어갈 예정입니다. (평소에 해라...)
아마 빠르면 다음주, 늦어도 이번달에 공개할 예정인데...

...

이름 공모합니다 -ㅅ-;;
제가 작명 센스가 영 꽝이라, 이름 지을껄 생각하니 한없이 멍~ 해지네요 -ㅅ-;;;
그럼 이 글을 보시는 분들... 부탁드립니다 ㅠㅠ
저작자 표시 비영리 변경 금지
Trackback 0 Comment 5

Trackback : http://blog.myhyuny.com/trackback/286 관련글 쓰기

  1. BlogIcon 파도소리 2009/03/08 01:38 address edit & del reply

    뭘 어렵게 생각해요

    간단하게

    Firen's Server

    • BlogIcon 화현 2009/03/08 19:07 address edit & del

      음... 그것만 가지고는
      웹서버인지,
      DNS서버인지,
      파일서버인지,
      프린터서버인지,
      데이터베이스서버인지
      알 수 없잖아 -ㅅ-;;

  2. BlogIcon Rukxer 2009/03/09 00:43 address edit & del reply

    webfiren
    ㅡ,.ㅡ

    • BlogIcon 화현 2009/03/09 00:55 address edit & del

      ㄳㄳ -ㅅ-

  3. BlogIcon 파도소리 2009/03/16 19:04 address edit & del reply

    그렇다면 Firen's Web Server

간단한 웹 서버 제작에 들어가기 앞서서

이전 글 (간단한 웹 서버 제작 계획중?!)에 이어서...

지금 또 다른 고민이 생겼습니다. 그것은
자바의 Servlet 인터페이스들을 상속 받아 작성하느냐 마느냐인데...
아무래도 Servlet 인터페이스들을 상속받아 만들면 JSP까지는 아니더라도 Servlet을 사용 가능하게 됩니다.(우와, 우와~)
그런데 아무래도 본래의 취지와는 많이 다르게 복잡해질 가능성이 높더군요 -ㅅ-;;;
상속받는걸 포기하고 모두 제가 만들면 아무래도 좀 난이도가 많이 낮아진 상태에서 만들 가능성이 높긴 한데...

음... 고민입니다 -ㅅ-;;
저작자 표시 비영리 변경 금지
Trackback 0 Comment 0

Trackback : http://blog.myhyuny.com/trackback/283 관련글 쓰기

간단한 웹 서버 제작 계획중?!

몇일 전(이래봤자 14일), 남들 초콜릿 나눠주고 받던날 집에서 조용히 프로그램을 하나 짜고 있었습니다.(어이...)
브라우저에서 서버쪽으로 데이터를 요청했을 시 몇가지 정보를 모아서 서버측에 전송을 합니다. 그래서, 이 정보가 일할 때 필요하기도 하고, 보고 싶기도 해서 요청한 브라우저로 다시 보내는 프로그램을 짜고 있었습니다.
그리고, 다 완성~ 했는데...

잠시 고민하니깐 조금만 더 손을 보면 웹 서버 프로그램 하나 만들수도 있겠더군요 -ㅅ-;;;
그래서 심심풀이로 아주 간단한 웹서버 프로그램을 하나 만들 예정입니다.
사용할 언어로는, 늘 그랬듯이 Java 6.0
구현 범위는, 데이터 형에 대한 Content-Type 분류 지원, 파일 업로딩, 끝... 응?
뭐, 서버 스크립트 지원이나, 버추얼 호스트 이런건 간단한 부류에서 한참 벗어난 기능이고~
언제까지나 초보자도 소스 봐도 "어? 별거 없네?" 라고 할 정도로 간단한것을 목표로 하고 있습니다.

그리고 다 만들었을 시 소스를 공개 할지는... 잘 모르겠습니다 ㅎㅎ 허접하게 만든 코드를 올려도 될지 망설여 지기도 하고 보여주기 싫기도 하고 해서 결과는 나중에 봐서 ^^;

그럼, 앞으로 나올 프로그램 많이 기대해 주세요 ^O^
저작자 표시 비영리 변경 금지
Trackback 0 Comment 0

Trackback : http://blog.myhyuny.com/trackback/282 관련글 쓰기

HTML의 table 테그에 관해서

대부분의 사람들이 HTML 코드를 작성하다 table속성에 항상 삽입하는 값 3가지를 이야기 해 보자면
border, cellpadding, cellspacing 이렇게 3가지가 될 것이다. 다음과 같이

<table border="0" cellpadding="0" cellspacing="0">


그런데, 요즘에 CSS로 저런 속성들을 정해주는 것이 더 깔끔해서 이리 저리 알아본 결과 CSS에 다음과 같은 코드들을 추가하면 위에 것과 동일하다는 것을 알게 되었다.

table{

       border-spacing: 0px;

       border-collapse: collapse;

}

 

td, th{

       padding: 0px;

}


XHTML 1.0에서 확인 해 봤는데, HTML 4.01이하는 테스트… 하기 귀찮아서 안했지만 -_-;;
뭐, 새로 만드는 사이트들이라면 대부분 XHTML로 작성할 테니 큰 문제 없을 것 같다 ㅎㅎ

저작자 표시 비영리 변경 금지
Trackback 0 Comment 4

Trackback : http://blog.myhyuny.com/trackback/260 관련글 쓰기

  1. 얼뿌 2008/10/08 23:19 address edit & del reply

    http://trio.co.kr/
    요기 HTML, JavaScript, CSS 배우기 좋다.
    http://trio.co.kr/webrefer/csex/cxexp.html
    요기서 예제 봐봐

    여러 스타일 만들어놓고 class="이름" 요거만 바꿔서 정해줘도 된다네 ^^
    스크립트로 ID.style.xxxxx = "값"으로 동적으로 수정도 가능하고...

    • BlogIcon 화현 2008/10/09 09:43 address edit & del

      ... 설마 내가 그것도 모를까 ㄱ-
      너무해 ㅠㅠ

      근데 위 사이트 괜찮네 ㅎㅎ 나중에 w3c 문서나 봐봐야겠다 ㅎ

    • 얼뿌 2008/10/10 00:18 address edit & del

      글에서 보이는건 그렇잖아
      웹에는 관심이 없었는줄 알고...
      내가 성급했다 쏘리~ ^^;

      풀뿌리같이 당장 보이는 관심가는 것만 배웠던 난
      내 수준의 글이라 반가워서 그만 --a...

    • BlogIcon 화현 2008/10/11 22:16 address edit & del

      ㅋㅋㅋ
      아직 C언어 하는건가? ㅎㅎ

Chrome 때문에 일거리 늘어나버렸네 -_-;;

웹 개발을 하다 보면 접속한 사람이 어떤 브라우저로 접속하는지를 조사해서 DB에 넣어둘 때가 있습니다.
물론 Google의 Analytics라던가, 다음의 Web Inside같은걸 사용하면 편하긴 한데...
카운터를 달다 보니 괜시리 넣고 싶달까요? ㅎㅎ
뭐 어째튼, 그래서 브라우저의 종류와 중복 카운터 방지용으로 IP까지 DB에 저장하는 프로그램을 짜서 홈페이지에 넣어뒀었습니다. 그런데~
Google의 Chrome이 출시가 된 지라 이리 저리 테스트 하다가 카운터 테스트 까지 해 보니...
어라?
로그에 Chrome이 나오질 않네요 -_-??
그래서 이리 저리 조사해 본 결과...

그 전에
간단하게 어떻게 접속자의 브라우저 종류를 알 수 있는지 알려 드리자면.
브라우저에서 서버로 페이지를 요청할 때 서버쪽으로 보내는 값 중에 하나가 Agent라는것이 있습니다. 이것을 이용하면 브라우저의 종류, 운영체제, 브라우저 이름, 버전 등을 알 수 있는데요.
우선 Mozilla 4.0 기반의 Internet Explorer 7.0을 보면
사용자 삽입 이미지
위와같이 Agent값이 나옵니다. 아래의 Type과, OS, Browser는 그 안의 데이터를 추출한 결과물이죠 ㅎㅎ
다음으로 FireFox 3.0

사용자 삽입 이미지
IE와는 다르게 맨 뒤에 나옵니다.

다음으로 Safari
사용자 삽입 이미지
네, FF와 마찬가지로 맨 뒤에 나오네요 ㅎㅎ

그래서 IE와, Opera를 제외하고는(제외 하는 이유는 나중에) 맨 마지막에 브라우저의 이름이 나와서 맨 마지막에 있는 /가 들어가는 문자를 브라우저 이름으로 정했는데...
오늘의 주인공 Chrome은
사용자 삽입 이미지
맨 뒤에 Safari가 붙더군요 -_-;;;;
사실 브라우저의 이름을 정하는 순서가
맨 앞의 글자 ->괄호 안의 글자 중 브라우저 -> 맨뒤의 / 들어간 문자
순이라 IE만 신경쓰면 거의 모든 브라우저를 소화할  수 있었는데 이놈의 Chrome때문에 또다시 예외처리를 넣어줘야할 판입니다 ㅠㅠ

아놔

그래서 지금 Chrome을 예외처리 해 줘서 수집을 해 줄지 말지 고민중입니다 -_-
앞으로 하는거 봐서 맘에 들면 해 주는거고 맘에 안들면...
Safari로 처리되게끔 하는 수 밖에요 ㅋㅋㅋ

참고로 맨 앞의 문자를 브라우저 이름으로 정하는 첫번째 순서로 넣는 이유는
사용자 삽입 이미지
Opera 때문이였습니다 ㅎㅎ
저작자 표시 비영리 변경 금지
Trackback 0 Comment 0

Trackback : http://blog.myhyuny.com/trackback/248 관련글 쓰기

자바스크립트로 페이지 이동 팁

보통 게시판에서 게시물을 지우거나, 댓글을 지울 때 자바스크립트 창을 띄워 “림하 지울꺼삼?”과 같은 간단한 맨트로 지울 것인지 묻는 경우가 많습니다.
이것을 자바 스크립트 코드로 표현하면

<script type="text/javascript" language="javascript">

<!--

function del(num){

              if(confirm('삭제 하시겠습니까?'))

                    location.href = "delete.jsp?id=" + num;

}

-->

</script>

<a href="#" onclick="del(1);">삭제</a>

이런 식으로 하면 되는데… 문제는 저 함수의 재사용 성이라던가, #기호 사용에 따른 화면 위치 이동 등… 여러 자잘한 문제가 남아 있습니다. (서버 스크립트 문제 중 대표적으로 PHP에서는 HTTP_REFERER가 기록이 되지 않더군요)
그래서 이리 저리 고민하다가 혹시? 하는 생각에 이렇게 하니 더 간단해 지고 위의 문제들이 모두 해결되더군요 ^^

<script type="text/javascript" language="javascript">

<!--

function del(){

              return confirm('삭제 하시겠습니까?');

}

-->

</script>

<a href="delete.jsp?id=1" onclick="return del();">

어때요? 참 쉽죠? ^O^
submit을 할 때 onsubmit=”return function();” 이런 식으로 하면 함수의 리턴 결과에 따라 submit이 작동되는 여부가 결정되던 것이 기억나 적용하니 매우 만족스럽게 작동 하더군요 ^^
여튼, 위 코드에 문제가 있으면 댓글로 알려주세요 ㅎㅎ

덧) 위 코드는 Internet Explorer 7.0, Firefox 2.0, Opera 9.27, Safari 3.1 에서 모두 테스트 해봤습니다. 안심하고 사용하세요 ^^

Trackback 0 Comment 0

Trackback : http://blog.myhyuny.com/trackback/223 관련글 쓰기