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

... [31]  32  33  34  35  36  37  38  39  40  41  42  43  44  45  ...
NoWriterDateCnt.TitleFile(s)
12874정성태12/13/20216845오류 유형: 773. shell script 실행 시 "$'\r': command not found" 오류
12873정성태12/12/20217994오류 유형: 772. 리눅스 - PATH에 등록했는데도 "command not found"가 나온다면?
12872정성태12/12/20217831개발 환경 구성: 615. GoLang과 Python 빌드가 모두 가능한 docker 이미지 만들기
12871정성태12/12/20217868오류 유형: 771. docker: Error response from daemon: OCI runtime create failed
12870정성태12/9/20216421개발 환경 구성: 614. 파이썬 - PyPI 패키지 만들기 (4) package_data 옵션
12869정성태12/8/20218729개발 환경 구성: 613. git clone 실행 시 fingerprint 묻는 단계를 생략하는 방법
12868정성태12/7/20217332오류 유형: 770. twine 업로드 시 "HTTPError: 400 Bad Request ..." 오류 [1]
12867정성태12/7/20216986개발 환경 구성: 612. 파이썬 - PyPI 패키지 만들기 (3) entry_points 옵션
12866정성태12/7/202114387오류 유형: 769. "docker build ..." 시 "failed to solve with frontend dockerfile.v0: failed to read dockerfile ..." 오류
12865정성태12/6/20217128개발 환경 구성: 611. 파이썬 - PyPI 패키지 만들기 (2) long_description, cmdclass 옵션
12864정성태12/6/20215527Linux: 46. WSL 환경에서 find 명령을 사용해 파일을 찾는 방법
12863정성태12/4/20217463개발 환경 구성: 610. 파이썬 - PyPI 패키지 만들기
12862정성태12/3/20216161오류 유형: 768. Golang - 빌드 시 "cmd/go: unsupported GOOS/GOARCH pair linux /amd64" 오류
12861정성태12/3/20218413개발 환경 구성: 609. 파이썬 - "Windows embeddable package"로 개발 환경 구성하는 방법
12860정성태12/1/20216453오류 유형: 767. SQL Server - 127.0.0.1로 접속하는 경우 "Access is denied"가 발생한다면?
12859정성태12/1/202112689개발 환경 구성: 608. Hyper-V 가상 머신에 Console 모드로 로그인하는 방법
12858정성태11/30/20219944개발 환경 구성: 607. 로컬의 USB 장치를 원격 머신에 제공하는 방법 - usbip-win
12857정성태11/24/20217278개발 환경 구성: 606. WSL Ubuntu 20.04에서 파이썬을 위한 uwsgi 설치 방법
12856정성태11/23/20219187.NET Framework: 1121. C# - 동일한 IP:Port로 바인딩 가능한 서버 소켓 [2]
12855정성태11/13/20216395개발 환경 구성: 605. Azure App Service - Kudu SSH 환경에서 FTP를 이용한 파일 전송
12854정성태11/13/20218081개발 환경 구성: 604. Azure - 윈도우 VM에서 FTP 여는 방법
12853정성태11/10/20216349오류 유형: 766. Azure App Service - JBoss 호스팅 생성 시 "This region has quota of 0 PremiumV3 instances for your subscription. Try selecting different region or SKU."
12851정성태11/1/20217854스크립트: 34. 파이썬 - MySQLdb 기본 예제 코드
12850정성태10/27/20219018오류 유형: 765. 우분투에서 pip install mysqlclient 실행 시 "OSError: mysql_config not found" 오류
12849정성태10/17/20218139스크립트: 33. JavaScript와 C#의 시간 변환 [1]
12848정성태10/17/20219057스크립트: 32. 파이썬 - sqlite3 기본 예제 코드 [1]
... [31]  32  33  34  35  36  37  38  39  40  41  42  43  44  45  ...