세이박스

IE6 브라우저 PNG 투명 이미지 처리 방법

웹프로그램

사용자 삽입 이미지


오늘 달인쿠폰(http://dalincoupon.com/) 커밍순 페이지를 추가하는 작업을 했습니다.
달인 김병만씨 사진을 PNG로 투명하게 가운데 보이도록 설정하고 배경이미지를 추가 했더니 IE6 브라우저에서 투명 처리 부분이 하늘색으로 보이는 것입니다.

아직은 IE6 이용자가 많다보니 그냥 놔두기엔 아닌것 같더군요.
그렇다고 Gif 파일로 투명하게 하자니 색상이 256이라 김병만씨 사진이 이상하게 되더군요.
자료를 찾아보니 역시나 답은 있더군요.

자바스크립트와 스타일 소스 조금 추가해서 해결하면 되더군요.

먼저 <head>와 </head> 사이에 다음과 같은 소스를 추가 합니다.


1. 자바스크립트 소스

<script language="javascript">
<!--
function setPng24(obj) {
 obj.width=obj.height=1;
 obj.className=obj.className.replace(/\bpng24\b/i,'');
 obj.style.filter =
 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
 obj.src='';
 return '';
}
//-->
</script>

자바스크립트 소스는 스크립트 파일로 따로 분리 하셔도 상관 없습니다.


2. Style 소스

<style type="text/css">
.png24 {
   tmp:expression(setPng24(this));
}
</style>

Style소스 역시 Style 파일에 추가하셔도 상관 없구요.


이제 적용할 이미지에 클래스명을 지정해 줍니다.

<img src="main.png" border="0" class="png24">


그럼, 이제 정상적으로 배경이미지가 나올겁니다.

참고로, 달인쿠폰은 소셜커머스 사이트 입니다.
대박 사이트가 곧 오픈 예정입니다.




 ▶ 최신영화, 최신 미국드라마 무료 다운로드... 

T wifi zone 티 와이파이 존 지하철에서도 무료 인터넷 사용 가능

하드웨어
사용자 삽입 이미지Panasonic | DMC-GF1 | Aperture priority | Center-weighted average | 1/30sec | F/2.0 | 0.00 EV | 20.0mm | ISO-160 | Flash fired, auto mode, red-eye reduction mode

요즘 아이폰, 안드로이드폰, 윈도우모바일(옴니아)폰 등 다양한 스마트폰이 대중화 되면서 폰으로 인터넷을 즐기는 사용자가 늘고 있습니다.
또한 노트북, 테블릿 이용자도 많아 지고 있습니다.
하지만, 통신사 데이터 통신 3G 를 이용한 인터넷은 패킷 요금이 비싸 이용에 제한을 받습니다.
반면 wifi 무선인터넷은 AP 지역(zone)에서는 무료로 인터넷을 이용할 수 있는데, 이와 같은 wifi zone이 지하철 역마다 설치가 되어 있더군요.
지하철을 기다리는 동안 간단한 뉴스 데이터를 받거나 이메일 및 날씨 등을 확인 하는 간단한 인터넷 이용을 즐길수가 있습니다.

지하철 벽에 T wifi Zone 이라는 안내표시가 있군요.
노트북으로 인터넷 접속을 시도 해 봤습니다.
무선AP 검색 해보니 "T wifi zone"이 잡힙니다.
수신 감도는 지하철역 위치에 따라 감도가 4~2칸 정도 잡히는군요.

사용자 삽입 이미지



해당 무선AP를 연결하고 브라우저를 접속하니 첫화면이 T와이파이존 로그인 페이지가 떠는군요.
일반인은 주민번호와 이름을 입력후 실명확인을 하거나 T월드 ID가 있는 접속자라면 T월드 개정으로 로그인후 인터넷 이용이 가능하더군요.
아마도 무선랜을 통한 악의적인 행동을 막기 위해 본인 확인 과정을 거치나 봅니다.

사용자 삽입 이미지



이후부터 인터넷은 잘 되더군요.
문제는 스마트폰에서 "T wifi zone" AP를 연결한뒤 바로 인터넷 접속을 필요로 하는 앱을 실행할 경우 접속이 안되더군요.
이유는 위 실명 확인 과정을 안거쳤기 때문입니다.
따라서, AP연결후 일단 브라우저를 실행합니다.
스마트폰에선 사파리, 오페라 등을 실행하면 되겠죠!
역시 동일하게 위 로그인 페이지가 나타 납니다.
본인확인 후 이어서 인터넷 사용이 가능 해 집니다.

지하철역은 이동 수단이기 때문에 장시간 머무는 곳이 아니라 잠깐 뉴스 자료를 받거나 간단한 서핑을 즐기는 정도로 이용하기에 딱 좋더군요.
때론 지하철 타고 가다가 중간역에 남시 내려 인터넷으로 이메일을 보내고 다시 탑승후 이동한적도 있었습니다.
여러모로 편리한 서비스 인듯 합니다.
특히, 친구와 지하철역에서 만남 장소로 정했다면 기다리는 동안 심심하지 않겠죠 ^^

제가 살고 있는 부산 지하철 2호선에서만 확인 해서 다른 지하철 구간에는 설치 되어 있는지 모르겠네요.
오늘 한번 확인 해보세요! "T wifi Zone"이라는 안내 표시가 있는지~
  최신영화, 최신 미국드라마 무료 다운로드... 


윈도우 익스플로러 브라우저에서 네이버, 다음 툴바 들이 나타나지 않는 원인과 해결 방법

컴활용
사용자 삽입 이미지


어느날 갑자기 잘 이용하던 네이버툴바, 다음툴바, 랭키툴바 3개의 툴바들이 사라졌습니다.
어떤 분들은 악성 툴바를 지우기 위해 많이 애를 쓰실 겁니다.
하지만, 툴바들 중에는 나름 유용한 툴바들도 있어서 저처럼 꼭 이용해야 하는 분들도 있을 겁니다.
어느날 갑자기 사라진 툴바의 원인을 찾아 보니 브라우저 옵션에 "타사의 브라우저 확장 기능 사용" 이라는 항목 옵션에 체크가 꺼져 있더군요.
즉, 누군가 이 항목을 어느날 갑자기 체크를 제거 했다는 것인데...
가만 생각해보니 툴바들이 사라진 시점에 X같은 어떤 사이트로 부터 프로그램을 하나 설치 했는데 계속해서 이상한 프로그램을 설치 하길래 지운다고 고생좀 했었던 시기부터 나타난 증상이더군요.
혹시나 해서 다시 해당 프로그램을 설치 해봤더니 역시나 이 문제의 프로그램이 제가 이용하던 툴바를 맘데로 사라지게 하더군요.
툴바 시장이 워낙 돈이 되다 보니 타사의 툴바들을 모두 숨겨 버리고 자신들의 프로그램만 동작하도록 하기 위한 경쟁인건 알겠는데 이건 사용자 PC를 임의로 건드리는 불법에 해당 하는게 아닌가 하는 생각이 듭니다.
따라서, 어느날 갑자기 해당 체크가 꺼져 있다면 악성 프로그램을 의심 해 보시기 바랍니다.
어떤 분은 체크를 켜도 계속 다시 원래되로 돌아 온다고 합니다.
문제의 프로그램을 지우지 않는한 해당 프로그램이 실행 될때 마다 체크를 꺼버린다고 보시면 됩니다.

옵션 설정 방법
브라우저 도구 > 인터넷 옵션 > 고급 > "타사의 브라우저 확장 기능 사용" 체크시 사용
체크후 브라우저를 재실행하면 적용 됩니다.

WIFI Remote Access 1.6 beta 2 스마트폰 무선랜으로 파일 관리하기 (스마트폰 웹서버 되다)

하드웨어
사용자 삽입 이미지
앞전에 올렸다가 문제가 있는 프로그램인줄 알고 지웠다가 프리웨어 인것을 확인하고 다시 올립니다.

스마트폰에 파일을 넣기 위해선 USB케이블 또는 블루투스 네트워크를 이용하는 방법이 있었는데, 이 프로그램을 이용하게 되면 Wifi 무선 네트워크를 이용해서 손쉽게 파일을 관리 할 수 있습니다.

뿐만 아니라 자신의 스마트폰을 웹서버 처럼 서비스 할 수 있어서 웹 브라우저를 통해서 스마트폰의 들어 있는 사진, 동영상, 음악 파일들을 손쉽게 볼 수 있습니다.

스마트폰에서 이런 기능들도 할 수 있구나라는 감탄이 절로 나오게 하는 프로그램 이었습니다.

실행 방법을 어려워 하시는 분들을 위해 다음과 같이 설명 해드립니다.


[설치 방법]

RemoteAccessSetup.CAB을 스마트폰에 저장한 뒤 스마트폰에서 cab 파일을 실행해주면 설치 됩니다.


[실행 방법]

1. 처음 실행하면 비밀번호를 묻습니다.
내폰의 정보를 같은 네트워크 대역에서 볼 수 있기 때문에 이와 같이 비번 설정을 해야합니다.

2. Configure WIFI 에서 Wi-Fi가 해제 되어 있으면 활성화 시켜 Wi-Fi가 동작 되도록 합니다.
당연히 Wi-Fi 가능한 지역이어야 하겠죠.
Wi-Fi 접속후 완료!

3. Settings에 접속후 필요한 항목 체크 합니다.
1) 해당 프로그램 실행시 서비스 바로적용 되도록
2) 접속시 Registry 수정 가능하게 할지
항목 체크 합니다.
"Check for updates"를 클릭해서 업데이트 버전이 있는지 확인후 업데이트 할 수 있습니다.
개발자 표시가 되어 있죠!
Julien MANICI 라는 친절한 분이 프리웨어로 개발 하셨더군요.
3) Security 항목에서 비번을 변경 하실 수 있습니다.
4) Power 설정에서 Sleep 기능 설정 및 특정 시간후 Disable 처리 되도록 적용 할 수 있습니다.
기본 10분으로 되어 있으며 -,+ 분 조절 가능합니다.

4. Enable 버튼을 클릭해서 서비스를 시작 합니다.
Enable 버튼 클릭시 좌측 붉은색 표시가 녹색 전파 표시로 바뀌고 아래 접속 가능한 IP가 나타 날겁니다.
Wi-Fi로 부터 임시로 활당 받은 IP를 192.168.0.xxx 와 비슷한 숫자로 나타 날 겁니다.
하지만, 공유기 IP대역에 따라 다양하게 나타 납니다.
일단, 공유기 설정 때문에 안된다는 분들이 많은데 공유기 관리는 자신의 현재 IP가 192.168.0.22 라면 192.168.0.1 이 공유기 관리 페이지가 됩니다.
공유기 설정에서 DHCP 설정 부분이 활성화 되어 있어야 합니다.
만약 수동으로 제공해주는 방식인 경우라면 해당 프로그램에서 Wi-Fi IP를 받지 못하게 됩니다.
공유기에 관해 궁금하신 분은 코멘트에 자신의 공유기 모델명을 남겨 주시면 자세히 설명 해드리겠습니다.
WIFI (xxx%) 표시는 인터넷 접속 상태로써 AP와의 통신 상태를 말하는 것이며 100%일때가 가장 상태가 좋은 상태 입니다.

5. Preview in IE 를 눌러 제대로 동작 하는지 미리 보기를 할 수 있습니다.

6. View log 를 통해 자신의 스마트폰에 접속한 상태 로그를 보실 수 있습니다.

7. 끝으로 자신의 컴퓨터에서 스마트폰을 접속 해 보겠습니다.
스마트폰에 할당된 Wi-Fi IP주소를 웹브라우저 주소줄 입력후 접속합니다.
예) 저의 경우는 http://192.168.100.11 로 접속 하였습니다.
반드시 접속하는 컴퓨터와 스마트폰의 IP가 같은 대역이 있어야 합니다.
다른 대역에서 접속할려면 스마트폰을 공유기에서 포트 포워딩을 이용해서 접속할 수 있습니다.
포트 포워딩 이용시 집 밖의 인터넷이 되는 어느곳에서든지 접속 하실 수 있습니다.
공유기 포트포워딩 궁금하시면 아래 자신의 공유기 모델 남겨 주시면 설명 해드리겠습니다.

스마트폰에서 접속을 허용하겠냐고 물어 보게 됩니다.
여기서 동의를 하게 되면 컴퓨터의 브라우저에서 비번을 물어 옵니다.
스마트폰에서 설정했던 비번을 입력후 확인하면 자신의 서비스 페이지가 나타납니다.

놀라울 따름입니다.
폰에 등록된 문서, 사진, MP3, 동영상을 이용해서 하나의 컨텐츠 사이트를 구축한듯한 느낌입니다.
뿐만아니라 사용중인 메모리 용량 및 밧데리 상태등 정보도 보여주고 있습니다.
MP3를 클릭시 Windows Media를 통해 바로 음악을 들을수 있으며 동영상 역시 브라우저 상에서 바로 볼 수 있습니다.
사진 역시 아주 멋있게 슬라이드 형식으로 볼 수 있으며 업로드 및 다운로드 모두 가능 합니다.


[장점]

1. USB케이블 이용시엔 일일이 파일을 내 컴으로 가져와서 확인 해 봐야하지만 브라우저로 바로 보면서 관리 할 수 있습니다.

2. 블루투스를 이용시 선연결이 업어 편리 하지만 너무 느립니다.

3. 메모리를 꺼내어 리더기를 통해 이용시 빠르고 바로 확인이 가능하므로 편리하지만 휴대폰을 종료후 안전하게 메모리를 꺼낸뒤 리더기에 연결해서 저장하고 다시 장착후 스마트폰을 켜고 하는 번거러움이 있습니다.

4. 공유기 포트 포워딩을 미리 해둔다면 폰을 두고 나올 경우 집에 누군가에게 해당 프로그램을 동작시켜두게 하면 폰 정보를 인터넷으로 어디서든지 열람 할 수 있습니다.

5. beta2의 경우 SMS 문자를 확인 및 자신의 폰으로 SMS를 발송 할 수 있습니다.
이 기능은 포트 포워딩 설정시 폰을 집에 두고서 외부에서 인터넷 되는 곳이면 어디에서든지 자신의 폰으로 수신된 문자를 열람 할 수 있는 좋은 기능입니다.


[스크린샷]

사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
사용자 삽입 이미지
 
 
This free application will allow you to explore the content of your Windows Phone directly from your computer, through a WIFI connection without installing any client software on the computer!
All you need is to open your web browser, and type the IP address of your phone (which is displayed on your phone screen).
You will then be able to browse your data, pictures, and music and send files from your computer to your device. You can see pictures and listen music on your computer directly from the web interface.
It also features a registry editor, for people who like to tweak their Windows Mobile device.
Internet Explorer (6, 7 or 8) users on Windows XP or Vista (with .net framework 3.5 sp1 installed) or Windows 7 (.net framework 3.5 sp1 already included) will be able to browse their pictures from a 3D XBAP (XAML Browser Application) / WPF (Windows Presentation Foundation) based user interface (as seen on the screenshots below). They will also be able to upload multiple files at once through this interface.

출처 : http://www.julien-manici.com/windows_mobile_wifi_remote_access/ 

IE 8.0에서 iframe 스크롤 생기는 문제 body style로 스크롤바 없애기

웹프로그램

사용자 삽입 이미지

iframe으로 광고 페이지를 삽입할 때  스크롤바 없애기

<iframe id="xxx" src="zzz" width="100" height="200" scrolling="0" frameborder="0" vspace="0" hspace="0"></iframe>

IE 8.0 에서는 위처럼 하더라도 iframe src 페이지 내용이 100*200을 넘어 버리면 스크롤이 생겨버립니다.

해결 방법은 src 페이지의 body style을 변경 해야합니다.

<body style="overflow-x:hidden; overflow-y:hidden;">


[옵션 설명]

- hidden : 스크롤 없애기

- auto : 내용이 지정된 사이즈 이상일때 자동으로 스크롤 생성

- visible : 사이즈에 관계 없이 내용 모두 보여준다

- scroll : 시작부터 스크롤바 생김



위 글은 세이박스(http://www.saybox.co.kr) 에서 작성한 글입니다. 퍼가실땐 출처를 남겨 주세요!

브라우저 점유율 비교

서버,보안
 
Net Application에서 매월 보고하는 전세계 브라우저 점유율을 2006년 8월부터 2008년 2월까지 통합한 데이터입니다.
CybernetNews의 기사를 옮겨왔습니다.

먼저 전체 브라우저의 점유율입니다.
browser-stats-all 
browser detail stats - all

익스플로러의 점유율이 꾸준히 떨어지는 가운데, 그 틈새를 파이어폭스와 사파리가 점진적으로 매꾸었네요.
특히 익스플로러의 경우 6개월만에 거의 5% 정도가 감소했는데 적어도 몇개월 이내면 2년전에 비해 약 10% 정도 떨어진 수치로 나타날것 같습니다.


익스플로러

browser-stats-ie
browser detail stats - ie

2007년 12월에 익스7이 익스6의 점유율을 마침내 앞질렀군요. 아직 사용 유저가 많은 XP에 기본으로 깔려있는 브라우저가 익스6인데도 불구하고 익스7의 선전이 두드러져 보이네요.


파이어폭스

browser-stats-firefox
browser detail stats - firefox

파이어폭스2의 2006년 10월 데뷔 이후로 눈부신 성장세입니다. 이제 다음달부터는 파이어폭스가 저 자리를 대신해 가겠네요.


사파리

browser-stats-safari
browser detail stats - safari
사파리 3.0의 경우 2007년 6월에 베타 버전으로 조금씩 상승세를 타다가 10월달에 발표된 레퍼드와 함께 정식으로 출시되면서 급격한 상승 곡선을 그리고 있습니다.


오페라

browser-stats-opera
browser-stats-opera

이 통계보다 조금 이른 2006년 6월에 데뷔한 오페라 9.0은 여전히 전체 점유율은 미비하더라도 꾸준히 상승세를 이루고 있습니다. 2005년 9월까지 유료버전이었단걸 감안하면 잘하고 있다고 보여집니다.


넷스케이프

browser-stats-netscape
browser detail stats - netscape

넷스케이프 9.0의 수치가 너무 미비해서 통계에서 찾을수가 없었다고하네요. 왜 AOL에서 넷스케이프의 개발을 멈췄는지 알수있겠습니다.
여전히 넷스케이프 6.0 버전이 0.5%나 차지하고 있다는 사실이 놀랍네요.. ;;

OS 및 브라우저 점유율 통계

서버,보안
 
2004
Win XP
W2000
Win 98
Win NT
Win 95
Linux
Mac
April
48.3%
30.9%
9.2%
2.4%
0.4%
2.6%
2.4%
March
48.0%
31.1%
9.4%
2.4%
0.4%
2.6%
2.4%
February
46.0%
32.8%
9.5%
2.9%
0.4%
2.6%
2.5%
January
44.1%
33.6%
10.4%
3.0%
0.4%
2.7%
2.4%
 
0.5% 이하의 점유율을 차지하고 있는 OS는 집계에서 제외되었습니다.  
 
2004
IE 6
IE 5
Opera 7
Moz
NN 3
NN 4
NN 7
April
72.2%
10.6%
2.1%
10.0%
0.4%
0.4%
1.4%
March
72.1%
10.7%
2.1%
9.6%
0.4%
0.4%
1.4%
February
71.5%
11.5%
2.2%
9.0%
0.4%
0.4%
1.5%
January
71.3%
12.8%
2.1%
8.2%
0.4%
0.5%
1.5%
IE = Internet Explorer     Moz = Mozilla      NN = Netscape
 
사실 모질라 자체의 점유율은 낮습니다만, 세계 최대의 ISP인 AOL이 사용하는 AOL의 서비스 브라우저가 모질라의 집계에 포함되어 있습니다. AOL의 서비스 브라우저는 모질라와 IE의 기반에 있으니까요.
 
0.5% 이하의 점유율을 차지하고 있는 브라우저는 집계에서 제외되었습니다.

VB.net에서 웹 브라우저 연결하기

응용프로그래밍
 
1. 새창으로 웹 브라우저 연결
 
    Dim ie As Object
    ie = CreateObject("InternetExplorer.Application")
    ie.Visible = True
    ie.width = xxx              ' 주소창 너비
    ie.height = yyy             ' 주소창 높이
    ie.AddressBar = False  ' 주소입력창 숨기기
    ie.ToolBar = False        ' Toolbar 숨기기
    ie.MenuBar = False      ' 메뉴 숨기기
    ie.StatusBar = False     ' 상태바 숨기기
    ie.Resizable = False     ' 크기 조절 금지
    ie.Navigate("접속할 주소")
    ie = Nothing
 
 
2. 폼에서 웹 브라우저 연결
 
    도구상자에서 "Microsoft 웹 브라우저" 를 연다.
    도구상자에 없다면 "항목 추가/제거"에서 COM 구성요소에서 "Microsoft 웹 브라우저"를 선택
 
    COM 구성요소에도 없다면.. 좌절하지 말고 -_-;; (com 구성요소에도 없어서 당황한적 있음)
    찾아보기를 선택하여 WINNT\system32\shdocvw.dll을 선택한다.
 
    그 다음부터는.. 하라는대로 하면 된다 -_-
 
    MSDN과 친해지자 ;;

인터넷 주소창에 아이콘

웹프로그램

<link rel="SHORTCUT ICON" href="http://ddiass.pe.kr/img/ddd.ico">