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

... 91  92  93  94  95  96  97  98  99  100  101  102  103  [104]  105  ...
NoWriterDateCnt.TitleFile(s)
11325정성태10/14/201719356.NET Framework: 689. CLR 4.0 환경에서 DLL 모듈의 로드 주소(Base address) 알아내는 방법
11324정성태10/13/201720954디버깅 기술: 101. windbg - "*** WARNING: Unable to verify checksum for" 경고 없애는 방법
11322정성태10/13/201718348디버깅 기술: 100. windbg - .NET 4.0 응용 프로그램의 Main 메서드에 Breakpoint 걸기
11321정성태10/11/201719864.NET Framework: 688. NGen 모듈과 .NET Profiler
11320정성태10/11/201720637.NET Framework: 687. COR_PRF_USE_PROFILE_IMAGES 옵션과 NGen의 "profiler-enhanced images" [1]
11319정성태10/11/201728195.NET Framework: 686. C# - string 배열을 담은 구조체를 직렬화하는 방법
11318정성태10/7/201720986VS.NET IDE: 122. 비주얼 스튜디오에서 관리자 권한을 요구하는 C# 콘솔 프로그램 제작 [1]
11317정성태10/4/201726148VC++: 120. std::copy 등의 함수 사용 시 _SCL_SECURE_NO_WARNINGS 에러 발생
11316정성태9/30/201724194디버깅 기술: 99. (닷넷) 프로세스(EXE)에 디버거가 연결되어 있는지 아는 방법 [4]
11315정성태9/29/201740245기타: 68. "시작하세요! C# 6.0 프로그래밍: 기본 문법부터 실전 예제까지" 구매하신 분들을 위한 C# 7.0/7.1 추가 문법 PDF [8]
11314정성태9/28/201722056디버깅 기술: 98. windbg - 덤프 파일로부터 닷넷 버전 확인하는 방법
11313정성태9/25/201719320디버깅 기술: 97. windbg - 메모리 덤프로부터 DateTime 형식의 값을 알아내는 방법파일 다운로드1
11312정성태9/25/201722463.NET Framework: 685. C# - 구조체(값 형식)의 필드를 리플렉션을 이용해 값을 바꾸는 방법파일 다운로드1
11311정성태9/20/201716847.NET Framework: 684. System.Diagnostics.Process 객체의 명시적인 해제 권장
11310정성태9/19/201720297.NET Framework: 683. WPF의 Window 객체를 생성했는데 GC 수집 대상이 안 되는 이유 [3]
11309정성태9/13/201718417개발 환경 구성: 335. Octave의 명령 창에서 실행한 결과를 복사하는 방법
11308정성태9/13/201719461VS.NET IDE: 121. 비주얼 스튜디오에서 일부 텍스트 파일을 무조건 메모장으로만 여는 문제파일 다운로드1
11307정성태9/13/201722012오류 유형: 421. System.Runtime.InteropServices.SEHException - 0x80004005
11306정성태9/12/201720114.NET Framework: 682. 아웃룩 사용자를 위한 중국어 스팸 필터 Add-in
11305정성태9/12/201721574개발 환경 구성: 334. 기존 프로젝트를 Visual Studio를 이용해 Github의 신규 생성된 repo에 올리는 방법 [1]
11304정성태9/11/201718680개발 환경 구성: 333. 3ds Max를 Hyper-V VM에서 실행하는 방법
11303정성태9/11/201721984개발 환경 구성: 332. Inno Setup 파일의 관리자 권한을 제거하는 방법
11302정성태9/11/201718246개발 환경 구성: 331. SQL Server Express를 위한 방화벽 설정
11301정성태9/11/201717121오류 유형: 420. SQL Server Express 연결 오류 - A network-related or instance-specific error occurred while establishing a connection to SQL Server.
11300정성태9/10/201720996.NET Framework: 681. dotnet.exe - run, exec, build, restore, publish 차이점 [3]
11299정성태9/9/201719717개발 환경 구성: 330. Hyper-V VM의 Internal Network를 Private 유형으로 만드는 방법
... 91  92  93  94  95  96  97  98  99  100  101  102  103  [104]  105  ...