'웹디자인'에 해당되는 글 42건

  1. 2009/11/14 윈도우 7 XP 모드로 IE6, IE7, IE8 함께 실행하기 (7)
  2. 2009/11/13 파이어폭스 확장기능을 지원하는 트리플 엔진 브라우저 Lunascape 6 (11)
  3. 2009/11/11 11월 26일까지 무료 아이콘, 워드프레스 & Tumblr 테마 제공 by Tutorial9 (4)
  4. 2009/10/09 구글의 새로운 홈페이지 디자인 체험하기 (7)
  5. 2009/09/25 소규모 웹디자인, 개발 회사에 MS 제품을 선불 비용 없이 제공하는 WebsiteSpark
  6. 2009/09/25 편리한 IE 디버깅 툴 :: Expression Web SuperPreview (8)
  7. 2009/09/23 무료 포토샵 PSD 파일 메가 리소스 (6)
  8. 2009/08/07 이것저것 링크 08.07 (웹서비스, 다운로드, 디자인 리소스..) (4)
  9. 2009/07/21 [웹디자인] PNG 아이콘 모음 (7)
  10. 2009/07/04 디자이너와 개발자를 위한 포터블 애플리케이션 32종 (28)
  11. 2009/06/29 웹디자인 필수 UI 템플릿 27종 (6)
  12. 2009/05/06 마우스 드래그로 손쉽게 패턴을 만드는 Repper (4)
  13. 2009/03/28 고해상도 포토샵 브러쉬 100개 (19)
  14. 2009/03/05 포토샵 리소스 제공 i am Photoshop + 몇 가지 리소스 사이트 링크 (16)
  15. 2009/02/23 간만에 정리하는 디자인 리소스 (26)
  16. 2009/02/19 모든 버전의 IE를 패키지로 묶은 Internet Explorer Collection (35)
  17. 2009/02/14 웹디자인 스케치북 (10)
  18. 2008/12/26 CSS 메뉴를 온라인에서 쉽게 만드는 MyCSSMenu (16)
  19. 2008/12/22 한주간 링크 모음 12-22-2008 (33)
  20. 2008/12/07 웹디자인 리소스 모음 2008.12.07 (28)
  21. 2008/11/24 웹디자인 리소스 2008.11.24 (27)
  22. 2008/11/09 웹디자인 리소스 2008.11.09 (8)
  23. 2008/11/02 웹디자인 리소스 2008.11.02 (6)
  24. 2008/10/26 웹디자인 리소스 2008.10.26 (10)
  25. 2008/10/19 웹디자인 리소스 2008.10.19 (24)
  26. 2008/10/01 이미지 최적화 서비스 Smush it (6)
  27. 2008/09/20 이것저것 링크 - 웹디자인 & 포토샵 [09-20-2008] (4)
  28. 2008/08/31 이것저것 링크 (웹서비스, 프리웨어, 웹디자인, 이미지, 유머) 08-31-2008 (12)
  29. 2008/08/18 이것저것 링크 08-18-2008 (4)
  30. 2008/07/11 고품질의 무료 플래시 템플릿을 제공하는 Flashmo.com (6)


sitepoint에 소개된 윈도우 7의 XP 모드를 이용해 IE6와 IE7을 각각의 XP 가상머신에 설치하고 실행하는 방법입니다.

다양한 꼼수와 소프트웨어를 통해 여러 버전의 IE를 하나의 PC에서 테스트 할 수 있는 방법이 많이 있지만 아무래도 가상머신을 이용해 개별적인 운영체제 환경을 꾸미고 테스트하는 방법만큼 안정적이지는 않죠. IE6와 IE7에서 웹사이트를 자주 테스트 해야 하는 웹 디자이너나 웹 애플리케이션 개발자 분들에게 유용한 팁일 듯.. ^_^

일단 윈도우 XP 모드의 설치 요구사항을 보면..

  • 윈도우 7 프로페셔널, 엔터프라이즈, 얼티밋 사용자는 Virtual PC와 XP 모드를 설치할 수 있습니다.
  • 윈도우 7 홈 사용자는 Virtual PC를 설치할 수 있지만 XP 설치 디스크가 필요합니다. (XP 모드와의 연동은 지원되지 않습니다.)
  • 윈도우 비스타와 XP 사용자는 예전 Virtual PC 2007 버전을 설치할 수 있습니다.

또 XP 모드를 이용하기 위해서는 하드웨어 가상화를 CPU와 바이오스에서 지원해줘야 하는데요. 하드웨어 가상화 지원 여부는 간단하게 HAV Dection Tool로 체크할 수 있습니다.


- 설치 및 실행 방법 -

1. 윈도우 XP 모드를 운영체제 버전과 언어에 맞게 다운로드 받아 설치합니다.  설치 순서가 특이하게도 XP 모드를 먼저 설치하고 Virutal PC를 나중에 설치해야 하는데요. 아무튼 설치를 정상적으로 마친 후 PC를 다시 시작합니다.

2009-11-13_093334


2. XP 모드를 처음 시작하면 VM 파일 저장 위치와 XPMUser 계정의 비밀번호를 지정해줘야 합니다. 적당히 용량 넉넉한 곳과 본인이 기억하기 쉬운 비밀번호를 입력하면 되겠죠. (저장 위치는 나중에 다시 찾아가야 하니 되도록이면 복잡하지 않은 위치를 지정해 주시길..)

2009-11-13_094624


3. 자동 업데이트 활성화 여부를 다음 화면에서 물어보는데 아직 IE6를 업데이트하면 안되기 때문에 일단은 ‘나중에 켜기’를 선택합니다.

2009-11-13_094701


4. XP 설치가 끝난 후 초기 화면 모습입니다.

2009-11-13_095146


5. 윈도우 필수 업데이트를 설치합니다. 아직 IE7 또는 IE8을 설치하면 안됩니다!!

2009-11-13_095839


6. XP 모드의 가상머신은 기본적으로 16비트, 960x600으로 해상도가 설정되기 때문에 쾌적한 작업을 위해서는 해상도를 좀 더 높여줄 필요가 있는데요. 번거롭지만 아래 방법으로 해상도를 변경할 수 있습니다. 최종 색 품질은 24비트 모드로 적용되지만 어쨌든 기본 16비트 보다는 나으니까요.. ^^

1) XP 모드 메뉴에서 ‘도구’ – ‘통합 기능 사용 안 함’ 선택 후 로그 오프 & 다시 로그인

2009-11-14_130449

2) 시작 – 실행 - mmc를 입력해 콘솔 구동

3)  파일 – 스냅인 추가/제거 클릭 후 추가 버튼 클릭

4) ‘그룹 정책 개체 편집기’ 선택 후 그룹 정책 개체 선택 대화상자에서 로컬 컴퓨터 선택하고 마침 버튼 클릭

5) 마침, 확인 버튼 눌러 콘솔 창으로 복귀

2009-11-13_102800

6) 왼쪽 콘솔 루트에서 ‘로컬 컴퓨터 정책’ - ‘컴퓨터 구성’ - ‘관리 템플릿’ - ‘Windows 구성 요소’ - ‘터비널 서비스’로 이동

7) ‘색 농도의 최대값을 제한’ 항목을 더블 클릭하고 ‘사용’ 활성화, ‘색 농도’는 '24비트’로 변경

8) 몇 차례 확인 버튼 클릭하고 콘솔 창 종료

2009-11-13_103306

9) 디스플레이 등록 정보의 설정 탭에서 원하는 해상도와 색 품질을 선택하고, XP 모드 메뉴에서 ‘도구’ - ‘통합 기능 사용함’으로 최종 적용.  

2009-11-13_103648


7. 디스플레이 적용이 제대로 되었다면 가상머신을 완전히 종료합니다. XP 모드의 닫기 버튼을 클릭하고 꼭 최대 절전 모드가 아닌 시스템 종료를 선택합니다.

8. 이제 본격적으로 IE6와 IE7을 위한 가상머신을 만드는 단계입니다. 앞서 설치한 XP 운영체제를 베이스로 해서 IE6와 IE7용 XP를 복제하는 작업입니다.

먼저 탐색기를 열어 사용자 이름 – 가상 컴퓨터로 이동해 ‘가상 컴퓨터 만들기’를 클릭합니다. 일단 IE7에 사용될 XP 운영체제의 이름을 적당히 넣고 위치를 지정합니다.

2009-11-13_104342


9. IE만 구동하면 되니까 메모리는 256MB로 충분합니다. 물론 메모리가 넉넉하다면 인심 더 쓰셔도 무방하고요.. :)

2009-11-13_104410


10. 가상 하드 디스크 추가는 3번째 옵션인 ‘고급 옵션을 사용하여 가상 하드 디스크 만들기’를 클릭합니다.

2009-11-13_104454


11. 만들려는 가상 하드 디스크의 유형 선택은 ‘차이점 보관용’을 선택합니다.

2009-11-13_104538


12. 부모 가상 하드 디스크 지정은 앞에 만들었던 원본 XP 운영체제 파일 (Windows XP Mode.vhd)을 선택해주면 됩니다.

이제 모든 준비를 마치셨다면 ‘만들기’를 클릭해 IE7용 XP 가상머신을 생성합니다.

2009-11-13_105628


13. 위와 동일한 방법으로 IE6용 XP 가상머신도 만들어 줍니다. 완성된 가상머신은 마우스 우클릭 후 설정을 클릭해 메모리, 네트워킹 등의 세부 값을 필요에 따라 바꿀 수 있습니다.

2009-11-13_110256


14. IE6용 XP 가상머신을 더블 클릭으로 실행해 부팅 후 로그인 합니다. IE6에 맞는 적절한 보안 패치를 적용해주고 필요하면 IE 개발자 툴바도 설치해 줍니다. 마무리 작업으로 시작 버튼 우 클릭 -> ‘열기 – All Users’를 클릭하고 IE6 아이콘을 여기 폴더로 복사해 줍니다.

2009-11-13_110957 


15. 이렇게 하면 조금 뒤 윈도우 7의 시작 메뉴에 IE6의 바로가기가 ‘XP IE6 응용프로그램’이란 이름으로 만들어집니다. 시작 – 로그 오프를 하고 XP Mode의 닫기 버튼을 눌러 최대 절전 모드로 가상머신을 닫습니다.

2009-11-13_111204


16. 이제 윈도우 7에서 IE6 단축아이콘을 더블 클릭하면 가상머신의 최대 해상도로 IE6가 바로 실행됩니다. 처음 실행 시 로그인 창에서 ‘내 자격 증명 기억’에 체크하면 실행할 때마다 번번히 패스워드를 넣을 필요가 없습니다. 또 최대 절전 모드로 종료했기 때문에 시스템 사양만 충분하다면 그리 느리지 않게 IE 브라우저를 실행할 수 있습니다.

2009-11-13_120555


17. IE7용 XP에서는 IE6를 IE7으로 업데이트 합니다. 나머지 과정은 IE6용 XP 가상머신과 모든 과정이 동일합니다.

Windows XP 용 Windows Internet Explorer 7

2009-11-13_113219


모든 작업을 완료하고 XP 모드의 IE6와 IE7, 윈도우 7에 기본적으로 딸려오는 IE8까지 함께 구동한 모습입니다. 새삼 윈도우 7의 에어로 효과와 IE8이 참 잘 어울린다는 생각이 듭니다.. –_-;;

2009-11-13_120857

웹초보의 Tech 2.1을 신문처럼 한RSS로 편하게 구독해서 보세요~~ 

TRACKBACK :: http://choboweb.com/trackback/1322

  1. 타조군의 생각

    Tracked from mrtajo's me2DAY  삭제

    Win7 VirtualXP를 이용한 IE6, IE7 함께 사용하기: 유용할 것 같군요.

    2009/11/27 21:58
  2. 승돌의 생각

    Tracked from seungdol's me2DAY  삭제

    Windows 7의 XP Mode는 정말 유용하다. XP Mode를 통해 IE6과 IE7을 설치하면 크로스 브라우징 테스트에서 정말 탁월하다. IE Tester는 실제 렌더링과 다른 결과가 종종 나타나서 곤란할 때가 있는데 이건 Native IE6이라 이야기가 다르다.

    2009/11/28 14:19
  3. 유군의 생각

    Tracked from ugoon's me2DAY  삭제

    웹초보님 블로그에서 본 윈도우 7 XP 모드로 IE6, IE7, IE8 함께 실행하기 집컴은 윈7이니 해봐야겠다..

    2009/11/28 20:48
  4. Windows Seven

    Tracked from MAHORAGA  삭제

    윈도우 비스타 울티메이트 64비트 서비스팩 2를 쓰다가 아침에 잠시 짬내서 엎었습니다. 비스타가 서비스팩2로 넘어가면서 속도면이 상당히 빨라졌기에 세븐의 속도가 그리 빠르다..라고 생각되진 않네요. 부팅 시간이 살짝 빨라진것 같습니다. 설치만 하고 제대로 안써봤지만 상당히 좋은것 같네요. 우선 미디어 플레이어가 아주 좋아졌다는 겁니다. 다른 동영상 플레이어가 필요없을 정도로 잘 틀어주며 자막 파일도 제대로 열어주네요. 자막은 옵션에서 세팅해 주셔야..

    2009/12/02 17:38

댓글을 달아 주세요

  1. 아크몬드  수정/삭제  댓글쓰기

    놀라운 팁입니다!!
    멋집니다.

    2009/11/15 03:27
  2. 로드  수정/삭제  댓글쓰기

    윈도우 7 가상화와 가상머신을 어떻게 해야 할지 막막하네요 ㅠㅠ
    그래도 잘 보고 갑니다.

    2009/11/15 20:31
  3. oldtype  수정/삭제  댓글쓰기

    브라우저별로 가상머신을 따로 만드게 아니라 원본은 공유하고 다른 부분만 별도의 파일에 담는 건가요? 그러면 이미지 파일 크기가 각각 최소 얼마 이상은 되어야 하는지 궁금하네요 ^^

    2009/11/15 23:12
  4. 유군  수정/삭제  댓글쓰기

    회사에서 작업 시 꼭 필요했었는데 유용한 정보 잘 보고 갑니다.
    감사합니다.

    2009/11/16 17:35
  5. dark star  수정/삭제  댓글쓰기

    헉 이렇게 할수도 있군요..;;
    그런데 이럴려면 컴사양이 좀.. 좋아야 할듯 하네요..^^;;

    2009/11/16 19:34
  6. 구룸타는소년 ^^  수정/삭제  댓글쓰기

    잘보고 가네요... 저도 컴터 사양이 부담이 될꺼 같긴 하네요.. 일단 W7을 설치는 됬는데.. 저는 요즘은 원격데스크탑이랑 씨름중입니다. 회사는 XP를 쓰고 지은 Windows7을 깔았는데... XP에서는 W7에 접속을 못하는 건지는 몰라도.. 왜이렇게 접속이 안되는지... 2틀째.. 아직도 이유 못찾았네요 ^^

    2009/11/18 09:35
  7. 南無  수정/삭제  댓글쓰기

    이제는 정책을 바꾸지 않아도 16비트/32비트 및 해상도 조정이 가능하네요.
    IE6/7/8을 모두 XP Mode에 설치하고 Chrome도 일반/베타/개발 버전을 설치하니 뿌듯하군요

    2010/02/15 08:34
[로그인][오픈아이디란?]





hyunokjoo@gmail.com

카테고리

전체 (1386)
뉴스 일반 (52)
뉴스 MS (54)
윈도우 7 뉴스 (62)
윈도우 7 팁 & 활용 (27)
PC 팁 & 활용 (23)
구글 뉴스 (57)
구글 팁 & 활용 (32)
구글 크롬 (19)
파이어폭스 뉴스 (59)
파이어폭스 팁 (33)
파이어폭스 확장기능 (85)
브라우저 일반 (21)
IE (13)
오페라 (12)
소프트웨어 뉴스 (86)
소프트웨어 소개 (147)
소프트웨어 활용 (17)
웹사이트 소개 & 활용 (162)
링크 모음 (59)
가젯 & 스타일 (115)
블로그 팁 (32)
유머 (72)
게임 (38)
잡담 (21)
기타 (86)

최근에 올라온 글

Tatter & Media textcube get rss

웹초보의 Tech 2.1

웹초보's Blog is powered by Tattertools / Supported by Tatter & Media
Copyright by 웹초보 [ http://www.ringblog.com ]. All rights reserved.

Tattertools Tatter & Media DesignMyself!
웹초보's Blog is powered by Textcube. Designed by Qwer999. Supported by Tatter & Media.