Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
(연관된 글이 1개 있습니다.)
IE 9: 작업 표시줄의 웹 사이트 바로가기 사용자 정의 - JumpLists

어제 "IE 9 베타" 발표회에서 소개된 것 중에 반가운 기능이 있다면 바로, "웹 사이트"에 대한 바로가기를 "작업 표시줄"에도 등록할 수 있다는 것입니다.

일례로, 아래는 차례로 "페이스북", "트위터", "네이버"를 등록하고 있습니다. (참고로, 웹 사이트 저작자가 윈도우 7 작업 표시줄에 맞게 고해상도 favicon을 등록해 주는 것이 좋다고 합니다.)

ie9_taskbar_integration_1.png

재미있는 것은, 이렇게 등록된 아이콘을 오른쪽 버튼으로 눌렀을 때 나오는 메뉴를 웹 사이트 측에서 별도의 "링크"로 제공해 줄 수 있다는 점입니다.

ie9_taskbar_integration_2.png

오... 이거 신선합니다. ^^
그럼, 구현을 한번 해볼까요?
그 기능을 제공하는 페이스북을 방문해 보면 답을 알 수 있을 것입니다. 아하... "소스 보기"로 하니 다음과 같은 메타 태그들이 눈에 들어옵니다.

ie9_taskbar_integration_3.png

형식이 매우 간단하지요.

<meta name="msapplication-task" content="name=[링크 이름];action-uri=[URL];icon-uri=[아이콘 경로]"/>

즉, 위와 같은 형식으로 메타 태그를 웹 페이지에 넣어주면, 그 웹 페이지를 보고 있는 사용자가 작업 표시줄에 등록할 때 바로 그 메타 태그를 인식하고 "작업" 링크에 넣어주는 것입니다.

어디... 제 웹 사이트에 한번 적용해 보았습니다. ^^

ie9_taskbar_integration_4.png

우와 ~~~ 멋지군요. (과연, 저 링크로 인해 질문이 더 많아질 것인지? 아마 더 줄어들지 않을까요? ^^)

더욱 재미있는 것은, 마치 응용 프로그램 처럼 "관심"이 필요할 때 다음과 같이 작업 표시줄 아이콘에 "효과"를 줄 수 있다고 합니다. 스크립트로 가능하다고 하는데 방법은 아직 찾을 수가 없군요. ^^

ie9_taskbar_integration_6.bmp




한 가지 더, favicon에 사용된 색상에 맞게 "뒤로 가기" / "앞으로 가기"의 색상도 그에 맞게 변하는 세심함이 돋보입니다.

ie9_taskbar_integration_5.png




[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

[연관 글]






[최초 등록일: ]
[최종 수정일: 6/28/2023]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2010-09-17 01시33분
[짜두] 링크 이름들이 대략 안습인대욧~ㅋㅋㅋㅋ
[guest]
2010-09-17 01시51분
^^ 쩜 그렇죠.
kevin25
2010-09-17 01시57분
작업 표시줄의 아이콘에 "알림" 효과를 넣는 것은, 찾아보니까 다음의 URL에 설명이 되어 있군요.

Pinned Sites: Windows 7 Desktop Integration with Internet Explorer 9
; (broken) http://msdn.microsoft.com/library/gg131029.aspx
; (첨부 파일) Pinned Sites_ Windows 7 Desktop Integration with Internet Explorer 9 by Patrice Neff - Memonic.zip

제가 설명한 모든 내용들이 위에 더욱 자세하게 나와 있습니다. ^^

그리고 개발자들을 위한 다음의 문서가 제공되고 있습니다.

Internet Explorer 9 Beta Guide for Developers
Beta: September 15, 2010
; https://docs.microsoft.com/en-us/previous-versions/ff468705(v=msdn.10)
kevin25

... 136  137  138  139  140  141  142  143  144  145  146  147  148  [149]  150  ...
NoWriterDateCnt.TitleFile(s)
1328정성태8/20/201233159개발 환경 구성: 163. IIS 7 - "MIME Types" 설정 아이콘이 없는 경우
1327정성태8/19/201237913Windows: 58. Windows 8 정식 버전을 설치해 보고... [14]
1326정성태8/19/201224236오류 유형: 160. Visual Studio 2010 Team Explorer 설치 오류
1325정성태8/15/201224262개발 환경 구성: 162. 닷넷 개발자가 컴파일해 본 리눅스
1324정성태8/15/201226293.NET Framework: 332. 함수형 언어의 코드가 그렇게 빠를까? [4]파일 다운로드1
1323정성태8/4/201228071.NET Framework: 331. C# - 클래스 안에 구조체를 포함하는 경우 발생하는 dynamic 키워드의 부작용 [2]
1322정성태8/3/201227703개발 환경 구성: 161. Ubuntu 리눅스의 Hyper-V 지원 (마우스, 네트워크)
1321정성태7/31/201226971개발 환경 구성: 160. Azure - Virtual Machine의 VHD 파일 다운로드 [2]
1320정성태7/30/201228939Math: 10. C# - (타)원 영역의 마우스 클릭 판단파일 다운로드1
1319정성태7/26/201227543개발 환경 구성: 159. Azure - 네트워크 포트 여는 방법 [1]
1317정성태7/24/201226392오류 유형: 159. SpeechRecognitionEngine.SetInputToDefaultAudioDevice 호출 시 System.InvalidOperationException 예외 발생
1316정성태7/18/201284504개발 환경 구성: 158. .NET 응용 프로그램에서 Oracle XE 11g 사용
1315정성태7/17/201229268개발 환경 구성: 157. Azure - Virtual Machine 구성 [2]
1314정성태7/16/201224319개발 환경 구성: 156. Azure - 2개 이상의 서비스 계정을 가지고 있을 때 프로젝트를 배포하는 방법
1313정성태7/16/201236474오류 유형: 158. Hyper-V 설치 후 VM 시작이 안되는 경우
1312정성태7/15/201236281Math: 9. 황금비율 증명
1311정성태7/15/201228978Math: 8. C# - 피보나치 수열의 사각형과 황금 나선(Golden spiral) 그리기파일 다운로드1
1310정성태7/13/201232433Math: 7. C# - 펜타그램(Pentagram) 그리기파일 다운로드1
1309정성태7/13/201230516개발 환경 구성: 155. 윈도우 운영체제에서 기본적으로 사용할 수 있는 압축 해제 방법
1308정성태7/3/201225906.NET Framework: 330. IEnumerator는 언제나 읽기 전용일까?파일 다운로드1
1307정성태6/30/201228166개발 환경 구성: 154. Sysnet, Azure를 만나다. [5]
1306정성태6/29/201228789제니퍼 .NET: 22. 눈으로 확인하는 connectionManagement의 maxconnection 설정값 [4]
1305정성태6/28/201226962오류 유형: 157. IIS 6 - WCF svc 호출 시 404 Not Found 발생
1304정성태6/27/201227775개발 환경 구성: 153. sysnet 첨부 파일을 Azure Storage에 마이그레이션 [3]파일 다운로드1
1303정성태6/26/201227247개발 환경 구성: 152. sysnet DB를 SQL Azure 데이터베이스로 마이그레이션
1302정성태6/25/201229292개발 환경 구성: 151. Azure 웹 사이트에 사용자 도메인 네임 연결하는 방법
... 136  137  138  139  140  141  142  143  144  145  146  147  148  [149]  150  ...