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

... 121  122  123  124  125  126  [127]  128  129  130  131  132  133  134  135  ...
NoWriterDateCnt.TitleFile(s)
10839정성태8/22/201532809Windows: 112. 윈도우 10에서 터치 키보드를 안 뜨게 할 수 있는 방법 [5]
10838정성태8/22/201543776오류 유형: 304. Windows 10에서 VPN 연결이 실패한다면? [3]
10837정성태8/21/201521532오류 유형: 303. Your computer is low on memory. Save your files and close these programs...
10836정성태8/21/201524454오류 유형: 302. 설치 파일 실행 시 "This app can't run on your PC" 오류가 뜬다면?
10835정성태8/21/201531716웹: 31. Microsoft Edge 브라우저를 명령행에서 띄우는 방법 [1]
10834정성태8/19/201525285.NET Framework: 526. 닷넷 - 값 형식을 new 없이 생성하면 0으로 초기화되지 않는다?
10833정성태8/18/201529514.NET Framework: 525. C# - 닷넷에서 프로세스가 열고 있는 파일 목록을 구하는 방법파일 다운로드1
10832정성태8/17/201533128디버깅 기술: 74. x64 콜 스택 인자 추적과 windbg의 Child-SP, RetAddr, Args to Child 값 확인 [8]파일 다운로드2
10831정성태8/13/201534746.NET Framework: 524. .NET 4.0과 .NET 4.5의 컴파일 결과 차이점 [1]파일 다운로드1
10830정성태8/12/201528161개발 환경 구성: 275. Web.config이 적용되지 않는 프로젝트에서 Razor 템플릿 파일의 C# 컴파일러 버전 제어 [1]
10829정성태8/10/201530321개발 환경 구성: 274. PowerShell/명령행에서 JDK/JRE를 무인(unattended)/자동 설치를 하는 방법 [3]
10828정성태8/10/201535649웹: 30. Edge 브라우저에서 "이 웹 사이트에는 Internet Explorer가 필요함" 단계를 없애는 방법 [1]
10827정성태7/8/201535809개발 환경 구성: 273. Visual Studio 2015에서 Github와 연동하는 방법 [3]
10826정성태7/8/201527295오류 유형: 301. The trust relationship between this workstation and the primary domain failed. - 두 번째 이야기
10825정성태7/8/201524557개발 환경 구성: 272. Visual Studio IDE 설치 없이 Visual Studio SDK 설치하는 방법
10824정성태7/7/201530815개발 환경 구성: 271. Team Foundation Server 2015 설치 방법 [1]
10823정성태7/7/201532277오류 유형: 300. SqlException (0x80131904): Unable to open the physical file
10822정성태7/7/201530247오류 유형: 299. The 'Visual C++ Project System Package' package did not load correctly.
10821정성태7/7/201523963오류 유형: 298. Unable to start debugging on the web server. IIS does not list a web site that matches the launched URL.
10820정성태7/7/201529389오류 유형: 297. HTTP Error 503. The service is unavailable. - 두 번째
10819정성태7/2/201532376오류 유형: 296. SQL Server Express 시작 오류 - error code 3417
10818정성태7/1/201531991오류 유형: 295. HTTP Error 503. The service is unavailable. [1]
10817정성태6/29/201537019.NET Framework: 523. C# 람다(Lambda)에서 변수 캡처 방식 [3]
10816정성태6/25/201531305.NET Framework: 522. 닷넷의 어셈블리 서명 데이터 확인 방법파일 다운로드1
10815정성태6/23/201530303Graphics: 1. 자네 나와 함께... UNITY 하지 않겠는가! [4]
10814정성태6/22/201528148.NET Framework: 521. Roslyn을 이용해 C# 문법 변형하기 (2) [5]
... 121  122  123  124  125  126  [127]  128  129  130  131  132  133  134  135  ...