'Browser' 태그의 글 목록

컴퓨터에서 휴대폰 접속화면 (모바일 접속화면) 보는 방법 - 파이어폭스(FireFox)

알아야 산다! Tips!/Computer Tips! / 2014. 9. 1. 13:03

안녕하세요~

모바일 사용이 급증함에 따라서 컴퓨터에서 모바일 화면을 확인해야 하는 경우가 있습니다.

지난번에 '사파리(Safari)'에서 모바일 화면을 보는 방법

(2014/03/28 - 컴퓨터에서 휴대폰 접속화면 (모바일 접속화면) 보는 방법 - 사파리(Safari))을 알려드렸는데,

이번에는 '파이어폭스(FireFox)' 에서 모바일 화면을 보는 방법에 대해서 알려드리겠습니다. ^^

Q) 컴퓨터나 노트북에서 휴대폰에서 접속한 것과 같은 모바일(Mobile) 접속 화면으로 볼 수 있는 방법을 알려주세요.

파이어폭스 브라우저(FireFox Browser)의 환경에서 알려주세요~

A) 자~ 이번에는 모질라 파이어폭스 (Mozilla Firefox) 입니다. ^^

01. 모질라 파이어폭스 (Mozilla Firefox) 실행

먼저 모질라 파이어폭스 (Mozilla Firefox)를 실행합니다.

처음 시작하면 위와 같은 화면을 만나실 것입니다.

02. 메뉴 - '부가 기능' 선택

하단에 있는 '부가 기능'을 선택하시거나, 주소창 오른쪽 끝에 있는 '메뉴'를 클릭하시고

하단에 있는 '부가 기능' 을 선택합니다.

(Alt 키를 한 번 누르고 '도구' - '부가 기능'을 선택하셔도 됩니다.)

03. 부가기능 - 'User agent switcher' 설치

상단 '부가 기능 검색' 에서 'User Agent Switcher'를 검색합니다.

그럼 하단에 'User Agent Switcher 0.7.3'이 검색된 것을 확인 하실 수 있으실 것입니다.

어떤 부가 기능인지 보시려면 '상세보기'를 클릭하여 보시고,

[설치하기] 버튼을 클릭하여 'User Agent Switcher'를 설치 합니다.

04. 파이어폭스(FireFox) 재시작

[설치하기]를 누르면 재시작 하라는 메시지가 나옵니다.

브라우저를 종료하고 재시작 합니다.

05. User Agent 설정

메뉴 - 도구 를 보시면 'Default User Agent' 항목이 새로 생기신 것을 보실 수 있으실 것입니다.

'Default User Agent' 를 선택 후 'iPhone 3.0'을 선택합니다.

그러면 이제 브라우저는 'iPhone 3.0' 으로 인식을 하게 된 것입니다.

즉, 여러분은 아이폰(iPhone 3.0) 에서 열리는 화면을 만나보실 수 있다는 것입니다.

06. 모바일 화면 체험

위에는 포털사이트인 '다음(http://www.daum.net)' 과, 저의 블로그인 '스마일맨의 정보창고(http://smilecap.tistory.com)을 접속한 화면 입니다.

접속을 하면 자동으로 모바일 주소인 http://m.daum.net 과 http://smilecap.tistory.com/m/post 으로 리다이렉팅 됩니다.

그럼 오늘도 즐거운 하루 보내세요~ ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

데스크탑,노트북 등의 컴퓨터 사파리(Safari)에서 모바일 브라우저로 접속하는 방법

알아야 산다! Tips!/Computer Tips! / 2011. 5. 4. 09:01

안녕하세요.

스마트폰(SmartPhone)과 테블릿PC 등이 많이 보급됨에 따라서
휴대용 모바일기기의 웹 브라우저(Web Browser)에서
인터넷(Internet)을 접속하는 경우가 많이 늘어나고 있습니다.

또한 이벤트(Event) 진행시 컴퓨터가 아닌 핸드폰에서만 응모가 가능하도록
만들어 놓는 곳도 많이 생겼구요.
이때 스마트폰이 없는 사람들은 울면서 아픈 속을 가다듬은 적이 있으실 것입니다.
또한 모바일로 하는게 귀찮아 하는 사람들도 있었겠구요.

이때 데스크톱(Desktop) 컴퓨터의 사파리 브라우저 (Safari Browser)에서
휴대용 모바일 기기(스마트폰, SmartPhone) 처럼 동작하여 접속하도록 하는 방법을
오늘 여러분께 알려드리겠습니다.

어제 회사 동료가 물어봐서 알려주고 난 후, 바로 쓰려다가
또다시 귀차니즘 발동으로 오늘 쓰고 있습니다. ^^;

자~ 저와 함께 따라해 보시죠. ^^

Q) 요즘 스마트폰(SmartPhone) 등의 휴대폰 브라우저에서만 이벤트가 진행되는 곳도 있고...
데스크탑(Desktop)이나 노트북(NoteBook)등의 컴퓨터에서
모바일(Mobile) 브라우저로 접속한 것 처럼 보이게 하는 방법이 없을까요?

A) 네~ 당연히 방법은 있습니다.
     여러가지가 있으나 오늘은 사파리(Safari) 브라우저에서
     애플(Apple)의 아이폰(iPhone), 아이팟(iPod), 아이패드(iPad), 아이팟 터치(iPod touch) 등의 IOS에서
     접속하는 휴대폰 Safari 브라우저를 보는 방법에 대해서 알아보겠습니다.
     물론 안드로이드(Android) 등의 브라우저로 보는 방법도 있구요. ^^

1. 우선 사파리(Safari) 를 다운로드(DownLoad) 받아서 설치 합니다.
먼저 메뉴(Menu) 항목을 살펴보시면 '파일', '편집', '보기', '방문기록', '책갈피', '창' ,'도움말'이 나오는 것을
확인 하실 수 있으실 것입니다.

2. 사파리를 연 다음 주소 창과 검색 창 옆에 있는 톱니바퀴 모양의 설정 메뉴 버튼을 클릭합니다.
그리고 나오는 메뉴에서 '기본 설정' 메뉴를 선택하여 클릭합니다.

3. 그러면서 나오는 '기본설정' 창에서 상단의 탭 중에 '고급'을 선택합니다.
그리고 하단의 '메뉴 막대에서 개발자용 메뉴 보기' 체크박스를 선택합니다.
체크를 하셨으면 기본 설정창을 닫습니다.

4. 알트(Alt)나 F10키를 눌러서 상단의 메뉴를 나오게 합니다.
짠~ 아까와는 다르게 '개발자용' 이라는 메뉴가 생긴것을 확인 하실 수 있으시죠?

5. '개발자용' -> '사용자 에이전트' 를 선택 후 옆에서 나오는 메뉴 중
Safari iOS 4.1 - iPhone' 등을 선택합니다.

6. 자~ 그리고 스마일맨의 정보창고 홈페이지인 'http://smilecap.tistory.com' 주소로 들어가 볼까요?
     그러면 위 처럼 모바일 화면으로 접근이 된 것을 확인 하실 수 있으실 것입니다.
     이제 모바일 화면도 컴퓨터에서 접속하는 것을 아시겠죠?
     이것은 아이폰, 아이팟 등의 ISO 기기에서 사파리 브라우저로 접속한 내용과 같은 내용입니다.

안드로이드에서 보는 것 같이 보는 방식은 다음번에 포스팅 할께요.
그럼 오늘 하루도 황사 조심하시고, 스마일~ 한 하루 되세요~ ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

인터넷 익스플로어 9 (IE 9,Internet Explorer 9) 다운로드 후 설치하기

알아야 산다! Tips!/Computer Tips! / 2011. 3. 15. 16:25

안녕하세요.

오늘 (2011년 3월 15일, 화요일)
마이크로소프트 윈도우즈 인터넷 익스플로어 9 (MicroSoft Windows Internet Explorer 9)
정식 버전이 드디어 출시되었습니다.

IE 9 RC(Release Candidate, 릴리즈 후보)가 작년 9월에 나왔으니 6개월만에 정식 버전이 나왔군요.
HTML5 등도 지원하며 웹표준을 준수하고 더욱더 빨라진 IE 9...

자~
이제 정식버전이 출시가 되었으니 우리 설치해 봐야죠?
저와 함께 다운로드(DownLoad) 후 설치를 해보자구요. ^^
(다운로드는 잠시후인 오후 4시 부터 가능합니다.)

Q) MicroSoft Windows Internet Explorer 9 의 정식 버전이 출시되었다고 하는데,
어디서 다운로드(DownLoad) 받을 수 있으며, 어떻게 설치를 하는 것인가요?
모든 단계를 캡쳐해서 쉽고 자세히 볼 수 있도록 알려주세요. ^^

A) IE 9는 지난번에 말씀 드린바와 같이
     윈도우즈 비스타(Windows Vista) 또는 7(Seven) 또는 2008 Sever 에서 동작을 합니다.
     XP 이하의 OS에서는 되지 않습니다.
     IE 9의 자세한 시스템 요구사항은 지난번 포스팅을 참고하세요.

2011/03/08 [MicroSoft] Internet Explorer 9 RC 시스템 요구 사항

우선 다운로드(Download)를 받아야겠죠?
마이스크로 소프트 홈페이지를 방문 합니다.

1. 먼저 위의 사이트에 접속을 해서 [지금다운로드] 버튼을 클릭합니다.
http://windows.microsoft.com/ko-KR/internet-explorer/products/ie/home

2. 해당 파일을 다운로드 받습니다.
(파일이름은 맞으나, 위의 용량이 아닙니다. 오해없으시길 ^^;;)

3. 다운로드 받으신 파일을 실행하시면 'Internet Explorer 9 설치중' 이라는 메시지와 함께
IE 9의 다운로드가 진행이 됩니다.

4. 다운로드가 완료되면 이어서 설치가 시작됩니다.

5. '언어 패키지 설치'를 마지막으로 설치가 종료가 됩니다.

6. 설치가 완료가 되면 컴퓨터를 재시작 해주어야 합니다.
[지금 다시 시작] 또는 [나중에 다시 시작] 버튼을 선택해서 눌러 주세요.
안정되고 정확한 설치를 위해서 컴퓨터를 바로 리부팅(Rebooting) 시켜 주시는 것이 좋습니다.

7. 컴퓨터를 재부팅 하면 윈도우 시작 시점에 '사용자 개인 설정' 창이 뜹니다.
'사용자 개인 설정을 만듭니다. Browser Customization'

8. 인터넷 브라우저(Internet Browser)인 Internet Explorer 를 열면 위와 같은 모습이 나타나게 됩니다.
    정보를 보시면 아시겠지만.. 9가 정확히 설치된 모습을 보실 수 있으실 것입니다.

   우리가 많이 사용하는 뒤로가기 버튼이 커지고,
   주소창과 검색창이 통합이 되는 등 UI 단의 변형도 일어난 것을 보실 수 있으실 것입니다.
   그럼 이제 업그레이드된 IE 9를 사용해 보세요.

IE 9 의 다운로드 및 설치에 성공하신 여러분들 축하드려요. ^^

그럼... 웹서핑 시작~~~ ㅎㅎㅎ

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

작업표시줄에 나오는 도구들의 순서 바꾸기

Association/Windows Frontier 2th / 2010. 1. 15. 09:32

안녕하세요.
얼마전에 제가 작업표시줄에서 웹페이지의 URL을 넣어서
바로 웹브라우저(Web Browser)를 가동시키는 내용을 포스팅 하였습니다.

Windows 7, 작업표시줄에서 URL을 직접입력하여 웹브라우저를 구동하자

거시서 'gemlove' 님이 위치를 조정하는 방법을 물어보셔서
오늘은 그 내용을 알려드릴까 합니다. ^^

Q) 작업표시줄에서 '주소' 탭을 추가하면 오른쪽끝에 붙는데 이걸 왼쪽으로 옮길 수 있는 방법은 없나요?

A) 방법은 당연히 당연히... 있습니다. ^^
      작업표시줄에는 연결, 입력도구모음, 빠른실행 등 많은 내용을 담을 수 있습니다.
      물론 지난번에 배웠던 '주소'도 포함이 되구요.
      이런 도구들은 자신의 취향에 맞게 노출시키거나, 감출 수 있습니다.
      오늘은 그 중에 이동에 대해서 알아보겠습니다.

1. 윈도우즈 7(Windows 7)에서 '주소'를 추가하면 기본적으로 위처럼 노출이 됩니다.
오른쪽에 있죠...
이것을 왼쪽으로 옮기는 방법은... 자~ 따라오세요 ^^

2. 먼저 작업표시줄은 기본으로 잠김상태가 되어 있습니다.
     사용자가 실수로 이동시키는 것을 방지하기 위해서죠.
     작업표시줄에서 마우스 오른쪽을 클릭하여 나오는 팝업창에서
     '작업 표시줄 잠금' 을 클릭하여 해제해 줍니다.

3. 그러면 작업표시줄에 변화가 생긴 모습을 보실 수 있습니다.
위처럼 그 중간중간에 점선들이 노출이 되는 됩니다.
이는 각 도구들의 경계를 나타내는 것입니다.

4. 여기서 이동을 하려는 주소 부분을 클릭하고 있으면 (주소를 써 넣는 텍스트박스(TextBox)가 아닌)
마우스 커서가 위처럼 바뀌게 됩니다.

5. 마우스를 클릭하고 있는 상태에서 그 주소도구를 외쪽으로 끌고 오른쪽으로 이동을 시킵니다.
그러면 시작 버튼 왼쪽까지 왔죠?
(자기가 원하는 위치로 이동을 시키는 것이죠.)

6. 이동이 다 되셨으면 다시 작업표시줄에서 마우스 오른쪽을 클릭하여 '작업 표시줄 잠금'을 설정해 줍니다.

7. 그럼 다시 그 경계 부분들이 사라지면서 자연스러운 작업표시줄의 모습을 되찾게 됩니다.

※ 주소 뿐만 아니라 빠른 실행 등도 자기가 원하는 위치로 끌어서 위치시킬 수 있습니다.

이는 Windows 7 뿐만 아니라 과거의 버전들도 모두 공통적으로 적용이 되는 것입니다.
제가 작업표시줄을 항상 왼쪽에 위치 시키는 것도 이러한 방법이구요. ^^

그럼 오늘 하루도 즐거운 하루 되세요~ ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

Windows 7, 작업표시줄에서 URL을 직접입력하여 웹브라우저를 구동하자

Association/Windows Frontier 2th / 2010. 1. 13. 11:25

우리는 웹서핑을 하기 위해서
가장 먼저 웹 브라우저(WebBrowser) 을 실행합니다.
그리고 나서 가고자 하는 곳의 주소(URL)를 입력하여 들어갑니다.
이때 한가지 단계(Step)를 줄여준다면 시간상 더 빠르게 진입을 할 수 있겠죠?
오늘은 이런 방법 중의 한가지를 공부해 볼까 합니다.

Q) 윈도우즈 7(Windows 7)을 사용중인데,
작업표시줄에서 인터넷 주소(URL)를 바로 입력하여 들어가는 방법에 대해서 알려주세요.

A) 위에서 말한 바와 같이 우리는 웹브라우저를 연 다음에 가고자하는 주소를 넣어서 이동합니다.
      윈도우즈 7(Windows 7)에서는 웹브라우저를 먼저 여는 스텝을 한번 줄여주는 방법이 있습니다.
      바로 작업표시줄에서 주소를 입력하면 바로 웹브라우저가 열리면서 해당 주소로 가는 것이죠.
      스마일맨과 같이 그 방법을 알아볼까요? ^^

1. 이것이 여러분이 사용하시는 윈도우즈 7의 작업표시줄입니다.
(길이를 위하여 짧게 줄였습니다. ^^;;)
이 작업표시줄이 어떻게 변하는지 방법을 알려드릴테니 같이 해보자구요 ^^

2. 작업표시줄에서 마우스 오늘쪽 버튼을 클릭해 나오는 팝업에서 '속성'을 선택하여 클릭합니다.

3. 그러면 '작업 표시줄 및 시작 메뉴 속성' 팝업이 나옵니다.
     하단의 탭에서 '도구 모음' 탭을 선택합니다.
     도구모음 하단에는 작업표시줄에 표시할 도구 모음이 나열이 됩니다.
     주소, 링크, Table PC 입력판, 바탕화면 이 나오는데 기본으로 모두 체크가 해제된 상태 입니다.
     여기서 주소 부분의 체크박스를 체크하고, [적용] 또는 [확인] 버튼을 클릭하여
     수정된 내용을 적용하고 팝업을 닫습니다.

4. 위의 작업을 완료 하신 후의 작업표시줄의 모습입니다.
중간에 '주소' 부분이 생긴것을 확인 하실 수 있습니다.
'주소' 글씨옆의 텍스트박스(TextBox)에 주소를 입력하시면 됩니다.

5. 예로 저의 블로그를 호출한 모습입니다.
작업표시줄의 주소란에 제 블로그의 주소인 'http://minsukcap.pe.kr' 또는 'http://smilecap.tistory.com'을
입력하고 엔터(Enter)를 누르시면 웹브라우저(webBrowser)가 호출되며, 그 주소로 향하게 됩니다.

자신이 가고자하는 주소를 작업표시줄에서 바로 입력하여 들어가보세요.
가장 선행되는 마우스로 웹브라우저를 호출하는 단계를 줄일수가 있습니다. ^^

그럼 오늘도 즐거운 하루 되시고,
곧 점심시간인데 점심도 맛있게 드세요~ ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

[Revu] 레뷰 스페이스를 알고 계세요?

공짜로 받아가세요~/Event Posting / 2009. 11. 12. 12:07

안녕하세요.
여러분은 레뷰 (Revu)를 알고 계신가요?
아마... 대부분의사람들은 알고 계실꺼에요.

'세상 모든 것에 대한 리뷰'를 외치며 태어난 곳이죠.
저도 레뷰와 인연이 된 시간은 결코 길진 않지만,
그 어느 사이트보다 정감이 가는 곳이죠. ^^

그 레뷰의 사이트를 구경을 가시려면 아래를 클릭! ^^
URL : http://www.revu.co.kr
(혹시 아직 가입하지 않으신분은 가입시 추천인란에 '스마일맨'을 넣어주심 감솨~ ^^)

지난달에 이 레뷰에서 '스페이스' 라는 곳을 오픈을 하였습니다.
그 전부터 커밍수운~을 외치며 메뉴에 달려 있어서
궁금증을 유발 하였었는데, 지난달에 오픈을 한 것이죠.

레뷰 스페이스는... 공식블로그에서 정의한 내용은 아래와 같습니다.

레뷰 스페이스는 기존의 리뷰 조회 방법인 검색이나 글 카테고리를 통한 조회가 아닌
회원의 관심 성향에 따라서 리뷰 콘텐츠가 능동적으로 변화하고
관심사의 변화에 따라 물 흐르듯이 자연스럽게
나의 관심이 가는 리뷰들을 추천해드리고 읽어 볼 수 있는
새로운 개념의 관심지향 UI를 채택하였습니다.

즉, 수동형이 아닌 능동형으로 보여준다는 것이네요.

어서 가보고 싶죠? ㅎ
하지만 여기서 제약사항이 발생합니다.
바로 우리 한국 사람들이 단일 웹 브라우저로는 가장 많이 사용하는
인터넷 익스플로어 (Internet Explorer) 6.0에서는 지원이 되지 않는 다는 것입니다.
새로운 기능이 되지 않고, 보안적인 측면에서 어쩔 수 없이 사용을 하지 못하지만,
여러분이 어서 최신의 버전으로 업데이트 하시면 되겠죠?
물론 IE 7.0 ,8.0 , 파이어폭스(Firefox) 등에서는 무리없이 이용가능 하다고 하네요. ^^

자~
백문이 불여일견 이라고 했죠?
저와함께 가보실까요? ^^

1. 우선 레뷰 사이트 (http://www.revu.co.kr) 로 접속합니다.
그리고 상단의 메뉴중 '스페이스'를 클릭합니다.

2. 그럼 레뷰 스페이스 (Revu Space) 화면이 보여집니다.
    스페이스라는 단어처럼 배경화면이 우주의 모습을 보여주네요.
    개인적으로 바탕화면이 너무 이쁘다는... ^^
    이렇게 레뷰 스페이스 화면이 보여지면서 각각의 네모에 블로그의 글들이 보여집니다.

3. 이중에 가운데 있는 네모에 마우스를 오버 (On mouse)를 해보겠습니다.
갑자기 해당 박스안에서 로딩되는 둥근 원이 보여지면서 여러 네모들이 튀어나오죠?
이는 마우스 오버한 글들과 비슷한 리뷰 컨텐츠들 입니다.

4. 그 중에 글을 하나 클릭합니다.
    배경이 검은색이 되며 네모가 크게 나오며 대표 이미지와 본문의 글의 일부분이 노출됩니다.
    여기서 상단의 닫기[X] 버튼을 누르면 이 네모가 닫히면서 이 박스가 뜨기 전 상황으로 되돌아가며,
    이 닫기 버튼을 제외한 네모 안의 아무곳을 클릭하면 해당 컨텐츠의 글이 새창으로 띄어집니다.

5. 이렇게 여러글들을 읽다보시면 위처럼 글 사이이에 선이 그어져 있는 것을 보실 수 있으실 것입니다.
    이것은 내가 지금까지 읽은 글들이 어떤 글이였고,
    이런 순서대로 읽고 있다고 알려주는 것입니다.
    가끔 글을 읽다가 보면 내가 어디서 무엇을 읽다가 여기까지 들어왔는지 까먹잖아요 ^^
    이 선을 추적해보면 내가 읽은 글들의 히스토리(History) 를 아실 수 있습니다.

6. 그리고 예리하신 분들만 눈치를 채셨을 것인데요...
    바로 왼쪽 하단 부에 글을 읽을때마다 각각의 색의 네모칸이 생기는 것입니다.
    이것은 왼쪽부터 글을 하나 읽을때마다 다른 색으로 오른쪽으로 네모가 생깁니다.
    이 각각의 네모색에 마우스를 오버하면 해당 글을 바로 찾을 수 있습니다. ^^

7. 그리고 이곳에서도 검색을 하실 수 있습니다.
    방금전에 언급한 왼쪽 하단을 보시면 레뷰 스페이스 라고 씌여 있고, 검색 창이 있습니다.
    이곳에 검색어를 넣고 엔터(Enter) 를 치시거나 옆의 [검색] 버튼을 누르시면 해당 검색어 관련글이 노출됩니다.
    저는 '스마일맨'을 검색하니 제가 예전에 생일 이라고 쓴 글을 불러오네요 ^^

이 레뷰 스페이스 에서 관심지향적 UI 를 만나보세요. ^^
이거 한번 들어가면... 헤어나오기 어렵다는... ㅎㅎㅎ

점심 맛있게 드시고 한 번 들어가보세요~ ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

익스플로어의 윈도우즈 로고 바꾸기 (Explorer Windows Logo Change)

알아야 산다! Tips!/Computer Tips! / 2009. 10. 8. 11:54

안녕하세요.

윈도우즈 7에 대한 강의 준비가 아직 덜되어서
오늘도 이전 버전에 대한 내용으로 포스팅을 하려고 합니다.
(이 죽일놈의 게으름... -_-;;)

오늘은 인터넷 익스플로어(Internet Explorer)를 실행시키면 오른쪽 상단에 나타나는
윈도우즈의 로고를 바꾸어 볼 것입니다.
어디를 말하는 것이냐구요?

바로 위의 그림처럼 우측 상단의 윈도우즈 (Windows) 로고를 바꾸는 것입니다.

자~ 오늘도 수업을 시작해 볼까요? ^^

Q) 인터넷 익스플로어(Internet Explorer) 에 나오는 윈도우즈 로고(Windows Logo)를 바꾸고 싶습니다.
바꾸는 방법을 쉽고 자세하게 알려주세요.

A) 윈도우즈는 자체 웹 브라우저(Web Browser)인 익스플로어(Internet Explorer)에도 로고를 넣어놨습니다.
     이를 바꾸기 위해서를 해당 바꿀 이미지와 레지스트리 편집이 필요합니다.
     물론 예전 강좌에서도 말씀을 드렸다시피 레지스트리를 직접 수정하는 것보다
     프로그램을 사용하여 수정시 더 편리하게 바꿀 수 있지만, 다른 프로그램을 새로 설치하는 것도
     싫어하시는 분들이 계셔서 (제가 그렇기 때문에 ^^;;) 이렇게 알려드립니다.
     대신 더 정확하게, 더 자세하게 알려드립니다. (제가 항상 추구하는 바 입니다. ㅎ)

1. 우선 해당 로고 부분에 넣을 이미지를 준비 합니다.
      이 이미지의 사이즈는 22 X 22 픽셀(Pixel)로 포멧(format) 은 BMP 로 생성합니다.

저는 이 이미지를 가지고 할께요...
본의 아니게 스마일맨의 얼굴을 공개하고 마네요... ㅋㅋㅋ

2. 해당 이미지를 위치를 지정하여 저장하여 줍니다.
저는 알기 쉽게 C 드라이브(Drive) 에 'Ex_Smile_Logo.bmp' 라는 이름으로 생성하였습니다.

3. 우선 바뀌기 전의 모양을 다시 한번 살펴 봅니다.
우측 상단에 윈도우즈 모양으로 떡~ 하니 달려 있습니다.

4. '시작' - '실행' 에서 'regedit'를 입력하고 [확인] 버튼을 클릭합니다.

5. '레지스트리 편집기' 가 열릴 것입니다.
이때 [HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar] 로 이동합니다.

6. 우측 화면에서 마우스 오른쪽을 클릭하고 '새로 만들기' - '문자열 값'을 선택합니다.
문자열 값에 'SmBrandBitmap' 라고 입력을 합니다.

7. 'SmBrandBitmap' 값을 더블클릭하면 '문자열 편집'이 열립니다.
      값 데이터에 자신이 넣은 이미지의 위치 정보(절대주소)를 입력합니다.
      ex) 여기서 저는 C드라이브에 Ex_Smile_Logo.bmp로 저장을 하였으니
            'c:\Ex_Smile_Logo.bmp'로 입력을 하였습니다.

8. 인터넷 익스플로어를 새롭게 열어보세요.
자신이 만든 이미지가 성공적으로 타났음을 보실 수 있을 것입니다.

오늘도 수고하셨습니다. ^^

벌써 점심시간이네요.
점심 맛있게 드시고 오늘 역시 즐겁고 보람찬 하루를 지내셔야 해요~ ^^
화이팅!!! ^^

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

인터넷 정보 서비스(IIS) 사용하기 - 컴퓨터를 웹서버로 만들기

알아야 산다! Tips!/Computer Tips! / 2009. 9. 16. 12:12

오늘은 자신의 컴퓨터를 웹서버(Web Server)로 만드는 방법에 대해서 알아보겠습니다.
물론 중간에 클릭한번 하시면 파일서버(File Server, FTP) 도 금방 구축이 됩니다.

웹서버의 정의를 간단히 말씀드리면,
'클라이언트(Client) 의 웹브라우저(Web Broswer) 에 HTTP로 정보를 제공해주는 것'
을 말합니다.

음...
헷갈리실까요?
예를 들어 설명을 드리자면,
지금 여러분은 제 블로그를 웹브라우저를 통하여 보시고 있으실 것입니다.
저는 이 블로그를 제공하는 곳에 글을 쓰고 있구요.
저와 여러분은 이 블로그를 제공해주는 티스토리(Tistory)의 서버에 접속을 하게 되는데,
바로 이 티스토리의 웹서버에 접속을 하게 되는 것입니다.
웹 서버의 디폴트 포트(Default Port)는 80 번 이구요. (변경 가능합니다만 약속한 예약 포트 입니다.)

자~
이제 기본적인 정의의 설명을 마치고 설정방법에 대해서 들어가 볼까요?

Q) 개인적으로 웹서버(Web Server)를 구축하려 합니다. 어떻게 해야 할까요?

A) 컴퓨터의 보급과 발달로 개인이면 누구나가 자신의 컴퓨터를 웹서버로 활용을 하실 수 있습니다.
     저도 지금 제 컴퓨터에서 팀홈페이지와 파일서버를 제공하고 있습니다.

     지금부터 이렇게 자신이 사용하는 컴퓨터를 가지고 웹서버(IIS)를 구축하는 방법에 대해서 알려드리겠습니다.
     이 설명에 사용된 컴퓨터의 OS는 윈도우즈 XP (Windows XP) 입니다.

1. '시작' - '설정' - '제어판' 에서 '프로그램 추가/제거' 를 선택합니다.

2. 그러면 '프로그램 추가/제거' 창이 뜨며 컴퓨터 안의 내용들을 읽게 됩니다.
대부분 여기서는 자신의 컴퓨터에 깔려 있는 프로그램들을 삭제하기 위하셔 많이 들어오셨을 것입니다.
우리는 여기서 왼쪽 3번째에 있는 'Windows 구성요소 추가/제거'를 선택합니다.

3. 그러면 'Windows 구성 요소 마법사' 창이 뜨는데,
하단의 '구성요소' 부분에서 '인터넷 정보 서비스(IIS)'를 선택하고 [자세히] 버튼을 클릭합니다.

4. 인터넷 정보 서비스 안에 포함된 내용들이 나오면서 어떤 내용을 포함할지 선택을 할 수 있습니다.
우리는 웹 서버를 만들것이기에 'World Wide Web 서비스' 를 포함시키고 [확인] 버튼을 클릭합니다.

5. 다시 원래의 구성요소 마법사 창으로 돌아오면 [다음] 버튼을 클릭합니다.

6. 이에 해당하는 파일들을 설치를 하여야겠죠?
Windwos CD가 필요하니 준비해 주시고 설치를 진행해 주세요 ^^

7. 설치가 마치면 마법사 완료 창으로 변환됩니다.
[마침] 버튼을 클릭하면 설치가 완료가 되는 것입니다.

8. 설치가 완료 되었으면 접속이 되는지 확인을 해봐야겠죠?
      웹브라우저를 여신 후 주소창에 'http://localhost' 또는 'http://127.0.0.1' 로 입력후 접속해 보세요.
     (자신의 IP를 적으셔도 동일하게 노출이 됩니다.)
      위와 같이 나온다면 정상입니다.

※ localhost 또는 127.0.0.1은 자신의 컴퓨터를 가리키는 것입니다. (hosts 파일에 기본으로 추가되어 있음)

자~
위처럼 나오신다면 우선 웹 서버는 정상적으로 돌아가고 있는 것입니다.

자신의 사설아이피(IP)이면 내부의 다른 컴퓨터들에서 접근이 가능하고,
공인아이피 이면 외부에서도 접속이 가능합니다.
사설아이피라고 해도 게이트웨이에서 포트포워딩을 지원 하면 외부에서도 접속 가능합니다.
공인아이피와 사설아이피는 아래의 관련글을 참고하세요. ^^

우선 웹서버를 동작시켜 보았는데요.
이 웹서버의 디폴트 위치는 'C:\Inetpub\wwwroot' 입니다.
물론 다른 디렉토리로 변경 가능하구요. ^^
여기서는 htm, html 등 기본적인 것과 asp 도 지원합니다.

다음부터는 asp 강의를 시작해 볼까요?
그건 좀 이후에 시작을 해보구요...
우선 오늘은 여기까지~
하시다가 문의사항 생기시면 언제든지 질문해 주세요. ^^

그럼 점심 맛있게 드세용~ ^^

관 련 글...
현재 자신이 사용하는 컴퓨터 아이피(IP) 확인하기
공인아이피와 사설아이피 (Public & Virtual IP Address)

저작자표시 비영리 동일조건

Posted by 스마일맨 민석

, |

스마일맨의 정보창고

카테고리

달력

공지사항

최근에 올라온 글

최근에 달린 댓글

'Browser'에 해당되는 글 8건

컴퓨터에서 휴대폰 접속화면 (모바일 접속화면) 보는 방법 - 파이어폭스(FireFox)

데스크탑,노트북 등의 컴퓨터 사파리(Safari)에서 모바일 브라우저로 접속하는 방법

인터넷 익스플로어 9 (IE 9,Internet Explorer 9) 다운로드 후 설치하기

작업표시줄에 나오는 도구들의 순서 바꾸기

Windows 7, 작업표시줄에서 URL을 직접입력하여 웹브라우저를 구동하자

[Revu] 레뷰 스페이스를 알고 계세요?

익스플로어의 윈도우즈 로고 바꾸기 (Explorer Windows Logo Change)

인터넷 정보 서비스(IIS) 사용하기 - 컴퓨터를 웹서버로 만들기

티스토리툴바