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)
1336정성태8/30/201241256.NET Framework: 334. 스레드 비정상 종료로 발생하는 CLOSE_WAIT 소켓 상태 [2]파일 다운로드1
1335정성태8/30/201230185Windows: 59. Hyper-V Internal 네트워크 VM의 인터넷 접속
1334정성태8/29/201249671.NET Framework: 333. 코드로 재현하는 소켓 상태(FIN_WAIT1, FIN_WAIT2, TIME_WAIT, CLOSE_WAIT, LAST_WAIT) [6]
1333정성태8/27/201252977개발 환경 구성: 164. system32 폴더에 있는 파일의 권한 조정 [2]
1332정성태8/23/201224783Team Foundation Server: 48. TFS - Team Project Collection 이전하는 방법
1331정성태8/23/201228031오류 유형: 162. Database '...' already exists. Choose a different database name. (Microsoft SQL Server, Error: 1801)
1330정성태8/22/201228743Team Foundation Server: 47. 5인 이내의 팀, 또는 개인 로컬 소스 관리를 위한 무료 TFS Express
1329정성태8/21/201224231오류 유형: 161. Azure - Storage 삭제가 안되는 경우 [1]
1328정성태8/20/201234724개발 환경 구성: 163. IIS 7 - "MIME Types" 설정 아이콘이 없는 경우
1327정성태8/19/201239412Windows: 58. Windows 8 정식 버전을 설치해 보고... [14]
1326정성태8/19/201225731오류 유형: 160. Visual Studio 2010 Team Explorer 설치 오류
1325정성태8/15/201225734개발 환경 구성: 162. 닷넷 개발자가 컴파일해 본 리눅스
1324정성태8/15/201227637.NET Framework: 332. 함수형 언어의 코드가 그렇게 빠를까? [4]파일 다운로드1
1323정성태8/4/201229512.NET Framework: 331. C# - 클래스 안에 구조체를 포함하는 경우 발생하는 dynamic 키워드의 부작용 [2]
1322정성태8/3/201229121개발 환경 구성: 161. Ubuntu 리눅스의 Hyper-V 지원 (마우스, 네트워크)
1321정성태7/31/201228480개발 환경 구성: 160. Azure - Virtual Machine의 VHD 파일 다운로드 [2]
1320정성태7/30/201230460Math: 10. C# - (타)원 영역의 마우스 클릭 판단파일 다운로드1
1319정성태7/26/201228589개발 환경 구성: 159. Azure - 네트워크 포트 여는 방법 [1]
1317정성태7/24/201227672오류 유형: 159. SpeechRecognitionEngine.SetInputToDefaultAudioDevice 호출 시 System.InvalidOperationException 예외 발생
1316정성태7/18/201285999개발 환경 구성: 158. .NET 응용 프로그램에서 Oracle XE 11g 사용
1315정성태7/17/201230885개발 환경 구성: 157. Azure - Virtual Machine 구성 [2]
1314정성태7/16/201225574개발 환경 구성: 156. Azure - 2개 이상의 서비스 계정을 가지고 있을 때 프로젝트를 배포하는 방법
1313정성태7/16/201237934오류 유형: 158. Hyper-V 설치 후 VM 시작이 안되는 경우
1312정성태7/15/201237894Math: 9. 황금비율 증명
1311정성태7/15/201230458Math: 8. C# - 피보나치 수열의 사각형과 황금 나선(Golden spiral) 그리기파일 다운로드1
1310정성태7/13/201233788Math: 7. C# - 펜타그램(Pentagram) 그리기파일 다운로드1
... 136  137  138  139  140  141  142  143  144  145  146  147  148  149  [150]  ...