그린비의길라잡이세상

웹 브라우저의 경우 각 브라우저 별 개발자 도구가 잘 갖춰져 있어 서버로부터 넘어온

자바스크립트 및 css, html파일 등을 확인해 바로바로 수정/조작 해 볼 수 있지만

스마트폰에서 css도 조작하거나 깨진 마크업이 왜 그런지 확인해보고 싶지만 엄한 폰에다 대고 우클릭하고 요소검사를 해볼 수 없으니

정말 막막하죠.. 그래도 해결책은 있는 법! 

웹이든 모바일이든 네트워크를 통하는 모든 세션들을 검사해볼 수 있는 Fiddler아시나요? 

Fiddler가 가진 기능은 정말 엄청나네요 (심지어 https 통신도 잡아낼 수 있습니다!!!)

*Fiddler는 윈도우에서만 사용가능합니다. 

*맥이나 기타 OS에서는 프록시(윈도우를 통해 우회)를 통해서 가능하긴 합니다. (아래 프록시 연결에 설명드리겠습니다.)

어찌됬건 이제 모바일 디바이스로 전송되는 세션(html, css, javascript 파일들을 포함한 네트워크를 통하는 모든 데이터)을 Fiddler를 통해 잡아보겠습니다! 

1. fiddler 다운로드 를 클릭하세요

2. 다운로드한 파일 설치합시다.! 그냥 next 연타 하시면 되겠습니다.

3.  Fiddler 실행! 실행하면 아래와 같은 창이 뜹니다. 

여기서 왼쪽 부분이 세션 목록으로 네트워크로 전송하거나 받은 모든 세션이고, 

오른쪽은 기능 탭으로 특정 세션을 선택하면 그 세션에 대한 상세 내역이 나옵니다.

피들러를 실행한 뒤 인터넷 창을 켜보면 순식간에 어마어마한 세션들이 전송됨을 확인할 수 있습니다.

(트래픽을 멈추고 싶을 때 F12 또는 File> Capture traffic으로 멈출 수 있습니다.)

4. 모바일 디바이스를 위한 프록시 설정

*프록시: 여기서 말하는 프록시는 간단히 말해 검문소로 생각하시면 됩니다. (비유가 적절하지 않을 순 있지만 이해를 위해;;) 

스페이스 닷원 건물에 나가거나 들어오려면 입구(검문소)를 지나야 하듯 

네트워크를 통하는 모든 녀석이 Fiddler를 통해 나가고 들어온다고 생각 할 수 있습니다

Fiddler Menu창에서 Tools > Fiddler Options 선택

세번째 Connections 탭 선택 후 'Allow remote computers to connect' 체크 활성화시켜주시고, 

fiddler listens on port: 부분에 8888 (기본)으로 해주시면 됩니다.

여기까지 윈도우에서 설정하는 것이 끝입니다. 

Fiddler를 한번 껏다가 다시 켜 줍니다.(중요)

그 다음은 모바일이나 맥(아이폰 또는 안드로이드)에서 설정해주는 일만 남았습니다.

모바일 디바이스 프록시 설정

iPhone/iPad

1. 설정

2. 네트워크

3. wifi

4. 연결된 네트워크에서 우측 화살표 선택

5. 밑으로 내리면 "http 프록시" 부분이 있는데 기본 '끔' 에서 "수동"으로 변경

6. 서버 부분에 Fiddler를 설치한 PC ip 입력

7. 포트 부분에 8888 입력

안드로이드

1.환경설정

2.Wi-Fi

 3.연결된 무선네트워크를 길게 누르고 있으면 뭔가 뜨는데 '네트워크 설정 변경'을 선택

4.최하단 고급옵션표시 체크

5.'프록시 설정'을 '수동' 으로 변경

6. '프록시 호스트 이름'에 Fiddler를 설치한 PC의 IP 입력,

7. '프록시 포트'에 8888 입력

8. 나머지는 건들것 없지만 사내 네트웍이므로 계정/비밀번호를 입력해줘야 합니다.

맥

1. 시스템 환경설정

2. 네트워크

3. (연결된 네트워크에서) 고급

4. '프록시탭' 선택

5. 웹프록시(HTTP) 체크

6. 프록시 서버의 주소와 포트번호를 입력

7. 아이디와 계정을 입력

이렇게 설정을 하고 모바일에서 Daum앱으로 접속 하면 Fiddler에 m.daum.net에서 온 세션들이 막 보입니다!!

먼저 m.daum.net에서 넘겨 받은 html을 선택하고 오른쪽 기능 탭에서 'Inspectors'를 선택하면

우측 윗부분이 제가 요청한 내용이고 아래 부분이 다음 서버가 응답한 내용입니다.

보라색이 css 녹색이 javascript 파랑색이 html이고 회색이 image입니다. 

이 외에도 특정 파일만 걸러내는 필터라든가 breakpoint 등이 있습니다.

움짤 제작하는데 정말 쉬운 캡쳐 프로그램 소개해드립니다.

제작 프로그램 받으러가기 클릭

저장폴더 확인후 OK 누릅니다.

트레이 아이콘에 보면

움짤 만들기 클릭

화면에 놓고 record 누르고 stop 누르면 끝! 저장 폴더에 가보면 움짤이 완성되어 있습니다.

로고 삽입 클릭하면 로고도 삽입 할수 있습니다. 로고 이미지, 지정 글자 모두 된답니다.

일반 캡쳐, 간단한 메모 편집후 캡쳐 기능  , 웹페이지 통채로 캡쳐가 가능합니다.

먼저 가입을 하려면 사이트에 접속을 합니다

웨이보 연결주소 바로가기 클릭하세요

회원가입 을 클릭 합니다. 회원가입 연결주소 바로가기 클릭하세요

오른 쪽 밑에 보시면 영어로 언어를 변경할 수도 있어요!

중국어 간체자 또는 번체자 또는 영어가 있으니

본인이 보기에 편한 언어로 설정해주시면 됩니다.

메일주소, 비밀번호, 자동입력 방지문자를 입력 후, 즉시가입 버튼을 눌러주세요!

다음과 같은 창이 뜨면 지역을 '韩国(한국)'으로 선택해줍니다.

밑의 칸에는 핸드폰 번호를 입력해야 하는데요.

맨 앞의 0은 빼고 번호를 입력해주셔야 해요!

예를 들어 010-1111-2222일 경우에는 1011112222만 써주시면 됩니다 :)

다 입력을 하셨다면 Get-A-Code for free를 클릭해주세요.

핸드폰으로 6자리의 인증번호 문자가 오면 입력 후 Submint 버튼을 클릭합니다.

개인 정보를 입력하는 창이 나오는데요.

닉네임은 중문 또는 영문과 숫자로 구성이 가능하며 한글입력은 불가합니다.

거주지에서는 제일 밑에 '海外(해외)'를 클릭 후 '韩国(한국)'으로 설정해주세요.

마지막으로 관심있어 하는 분야를 선택할 수 있는데요.

최소 1개에서 최대 5개는 선택을 해주셔야 합니다.

'名人明星(연예인)'을 선택 후, '进入微博(웨이보 접속)'을 클릭했어요.

위에 빨간 박스 체크해놓은게 보이시나요?

이메일 인증에 관련된 내용 안내인데요.

본인이 가입한 이메일 주소로 가서 웨이보에서 온 메일을 확인해야 합니다.

메일 내용에 있는 주소를 다시 클릭하면 웨이보 가입이 완성됩니다.

내용을 보면서 창 전환을 할 수 있습니다.

윈도우키 + 탭(Tab)

해당경로 로 이동하여 NAT Service 폴더를 열어주세요

그럼 밑에 사진처럼 파일들이 보이는데요

다 지워주세요

그 다음 새 폴더 3개를 만들어주세요

사진과 같이 폴더를 만들어서 이름을 저렇게 바꿔주시면 다시는 NAT Service 폴더에 파일들이 안깔립니다.

벽돌깨기 게임

검색창에 'Atari breakout'를 검색한 후 이미지를 클릭해보자. 위와 같은 화면이 뜨면서 게임이 시작된다. 마우스로 바를 움직여 튀어오른 공으로 블럭을 깰 수 있다. 공이 바닥에 떨어지면 게임이 종료되고 화면에 점수가 뜬다.

아트 프로젝트

구글(google.com/culturalinstitute) 에서는 수백여 개의 박물과,문화 시설 및 문서 보관소와 제휴를 맺어 온라인으로 각종 예술 작품을 감상할 수 있도록 하고 있다.휴화에서 조각, 가구에 이르기 까지 4만점이 넘는 작품의 고해상도 이미지가 마련돼 있다. 마우스 휠을 움직여 그림을 확대하면 붓터치까지 볼 수 있다.

구글의 중력

'Google gravity'를 검색창에 넣고 'I’m feeling lucky'를 누르면 화면이 이렇게 바뀐다.

계산기

'calculator'를 치면 계산기가 나온다.

칼로리 비교표

'라자냐 VS 스파게티'와 같이 검색하면 칼로리 비교 표가 나온다. 아래 화살표를 클릭하면 자세한 영양 정보도 볼 수 있다.

중간 단어없이 검색

중간 단어가 생각이 나지 않을 때 '*'를 넣어 검색하면 '*'에 임의값이 넣어져 검색된다.

세계 날씨 검색

'서울 날씨'라고 검색하면 서울의 기온, 강수량, 풍속 등이 그려진 그래프가 나타난다. '모스크바 날씨', '베이징 날씨' 등으로 검색하면 해당 도시의 날씨도 볼 수 있다.

레시피 찾기

요리를 검색한 후 '검색툴(Search tools)'을 클릭하면 성분과 칼로리, 조리시간 등에 따라 레시피를 검색할 수 있게 된다.

영화 검색

검색창에 'MOVIE'를 검색하면 현재 상영하는 영화와 영화관, 상영시간 등을 일목요연하게 볼 수 있다. 'Change Location' 칸에 다른 지역을 넣으면 해당 지역의 상영 정보가 검색된다.

책 읽기

책 이름을 검색한 후 'books' 탭을 누르면 내용을 미리 볼 수 있는 책 리스트가 나열된다. 'Priview'를 클릭하면 아래와 같은 화면이 뜬다. 꽤 많은 페이지를 볼 수 있다. 모든 페이지를 볼 수 있는 책도 간혹 있다

한 사이트 내에서만 검색

검색어 앞에 'site:사이트 주소' 를 붙여 검색하면 해당 사이트에서만 검색된다.

제목만 검색

검색어 앞에 'intitle:'를 붙여 검색하면 제목에 검색어가 있는 문서만 검색된다.

일출 시간

'일출 서울', '일출 부산' 등으로 검색하면 해당 도시의 일출 시간이 바로 화면에 뜬다. '일몰'로 검색하면 일몰 시간도 볼 수 있다.

타이머

영어로 'timer'를 검색하면 5분으로 설정된 타이머가 나타난다. 설정 시간을 바꾸고 싶다면 'set timer for 30 minutes' 등으로 검색하면 된다.

I'm feeling lucky

검색창에 아무 것도 넣지 않고 'I'm feeling lucky'를 누르면 그간 구글이 선보인 기념일 로고를 볼 수 있다.

파일 타입

특정 파일만 검색하고 싶다면 검색어 뒤에 'filetype:xxx'를 붙이면 된다. gif 파일만 보고 싶다면 'filetype:gif', pdf 파일만 보고 싶다면 'filetype:pdf'를 붙인다.

화면 기울이기

'기울다'라는 의미의 영어 단어 'tilt'를 검색하면 위와 같이 화면이 기울어진다.

우주 감상

'www.google.com/sky'에서는 여러 별자리와 태양계 행성 등을 자세히 볼 수 있다.

구글 트렌드

'www.google.com/trends'에서는 각 나라에서 인기를 모은 검색어와 동영상 등을 순위별로 확인할 수 있다.

통계 검색

'www.google.com/publicdata'에서는 통계 검색을 제공한다. 현재 한국 자료는 많지 않은 편이다.

유투브 동영상 보다가 소장하고 싶거나, 버퍼링때문에 재대로 못보시는분들을 위한 동영상 다운로드법을 알려드리겠습니다.

구글 크롬에서만 동작되는 기능이니 크롬이 없으신분들은 설치를 하셔야 됩니다

다운받는곳 =  www.google.com/chrome

초기작업 - 주소입력창 오른쪽의 메뉴창에서 설정 -> 북마크바 항상표시를 체크합니다

STEP 1. 구글 크롬을 실행한 상태에서 "Shift+Ctrl+O"를 누릅니다

그럼 새탭에 북마크 관리자가 생성이 됩니다

구성 -> 페이지 추가를 합니다

STEP 2. 이름은 임의로 지정을 하시고 URL은 

xxjavascript:(function(){document.body.appendChild(document.createElement ('script')).src='http://userscripts.org/scripts/source/25105.user.js'})();

입력을 하시면 됩니다 (위의 주소중 앞부분 xx는 버리고 java~ 부터 복사하세요)

저는 "유투브다운"으로 이름을 지정했습니다.

그럼 아래그림처럼 북마크에 추가가 된것을 확인할 수 있습니다

STEP 3. 그럼 임의의 동영상으로 한번 실험을 해봅시다 

동영상을 켜놓은 상태에서 상단 북마크에 추가된 "유투브 다운" 을 클릭을 합니다

아래 사진과 같이 다운로드 버튼이 생성되어있는것이 확인이 됩니다

매직패킷이라는 패킷으로 컴퓨터를 원격 부팅을 시킬수가 있다고 합니다.
WOL(Wake on Lan) 기능을 통해서 원격의 컴퓨터를 한번 켜보겠습니다. 먼저 핵심인 WOL(Wake on Lan) 기능을 사용하기
위해서는 몇가지 사전작업이 필요합니다. 먼저 자신의 랜카드와 메인보드가 wol 기능을 지원하는지의 확인이 중요합니다.
요새 컴퓨터는 거의다 지원을 한다고 하더군요..
확인 하셨으면 

1. 바이오스 설정에 가셔서 wol 기능을 활성화 시켜 줍니다. (바이오스 설정은 부팅시 Del키를 누르시면 들어가실수 있어요)

위의 사진처럼 설정을 해주신후 재부팅을 시켜주세요.(바이오스마다 약간씩은 차이가 있겠지만 크게 다르지는 않을겁니다)

2. 내컴퓨터 -> 속성 -> 장치관리자에서 네트워크 속성의 고급 부분을 wol에 맞게 설정해 줍니다.

내컴퓨터에서 마우스 오른쪽 버튼을 누르셔서 속성 항목을 선택해주세요

시스템 등록정보가 뜨면 하드웨어 탭에 가셔서 장치관리자를 선택해주세요

장치관리자에서 네트워크 어댑터 아래 카테고리를 보시면 자신의 네트워크 랜카드를 확인하실수 있을겁니다. 그러면 그 랜카드에서 또 오른쪽 버튼을 눌러서 속성항목을 선택해주세요

Shutdown Wakeup 부분을 On으로 바꿔주시고요 (랜카드마다 보여지는 화면이 다르니 비슷해보이는 화면을 찾으시고 on이나 Enable 시켜주시면 될듯하네요) WakeUp Capabilities 부분의 값을 매직패킷 으로 바꿔주세요 

3. 자신의 컴퓨터 ip 주소와 mac 주소를 알아야 합니다. 
방법은 cmd 창에서 ipconfig -all을 입력해주시면 자신의 네트워크 정보를 볼수가 있어요

Physical Address 라는 부분이 mac주소가 됩니다. 저부분 하고 ip 주소 그리고 서브넷마스크도 알고 있으세요

이제 설정과 알아야 할부분등의 준비는 거의 끝난 셈입니다 이제 컴퓨터를 켜보도록 하겠습니다.
우선 공유기 관리 페이지로 접속을 해보시면 참고로 전 iptime을 씁니다

왼쪽메뉴 보시면 특수기능 카테고리 밑에 WOL기능 부분을 눌르시고요 아마 처음 하시는 분은 맥주소 등록이 안되어 있을겁니다. 그럼 아까 알아두었던 mac주소를 추가를 해주신후 체크를 해주시고 pc켜기를 눌러주세요 그럼 컴퓨터가 켜집니다.
근데 이건 내부 네트워크 공유기에서 키는 방법이구요 사실 같은 네트워크 안에서 킬일이 별로 없지 않을까요?? 이것보다 외부 접속 프로그램을 이용해서 전원을 킬수 있는게 있습니다.

프로그램을 실행시키면 저 사진처럼 창이 하나뜨는데 
차례대로 보시면
Mac Address : 맥주소를 입력하시면 됩니다 ex)xx:xx 
Internet Address : ip를 입력하시면 되요 참고로 내부아이피 말고 외부에서 접속할수 있는 아이피여야 합니다 192.168 이런거 말구요
Subnet Mask : 서브넷 마스크를 그대로 써주시면 되요 저같은 경우는 255.255.255.0을 썼습니다.
그리고 send option은 internet 그상태루 두시구요
아래에 Remote Port Number 이부분은 저는 80 포트를 사용하기 위해서 80 쓰고 원격 전원을 성공 시켰습니다.

wol을 하시기 위해서는 정상적인 종료가 되었을때만 된다고 하더군요 전원을 막 내렸을때는 작동이 잘 안되나봅니다. 그점유의하시구요 이만 마치겠습니다.

컴퓨터 종료 타이머 설정방법(프로그램X),예약종료 프로그램 만들기

안녕하세요 오늘의 공부는 컴퓨터 자동 종료에 대해서 배워 보겠습니다.
일반적으로 컴퓨터 예약종료를 하기위해 프로그램을 설치하는데요
(네오오프, 고클린, 알송, 윈도우 자장가 등)

알려드리는것은 별도의 다운로드 없이
윈도우의 내장된 셧 다운 을 이용한 점퓨터 종료 타이머 설정입니다.

우선 윈토우키+R 키를 누려 실행창을 틀어줍니다.

열기칸에 입력 해줌니다.(shutdown -s -t 시간<초>)
인데요 컴퓨터를 1시간뒤에 자동으로 종료 하고싶으면
1시간을 초로 계산하면 3600초 입니다
그러면 2시간은? 7200초가 되겠지요
2시간후 컴퓨터 종료 타이머 설정을 하고 싶으면 shutdown -s -t 7200 이 되겠지요.^^

저는 예시를 1시간으로 잡았습니다^^
shutdown -s -t 3600 입력후

확인

이제 완료된 모습입니다.
뭘하든 컴퓨터는 1시간뒤에 자동으로 꺼지게 설정 되었습니다,

컴퓨터 종료 타이머를 취소 하고 싶으면!!

명령어는 :shutdown -a 입니다
shutdown -a를 입력후 확인 버튼을 누려주면
컴퓨터 종료 타이머는 취소가 되는것입니다.

취소가 완료 되었다는 표시가 뜨게 된답니다^^
어떠신가요? 간단하죠^^




이번엔 예약종료 프로그램을 만들어 보겠습니다.

바탕화면에서
마우스 우클릭->바로 만들기->바로 가기
클릭하여 줍니다.

항목 위치 입력에
shutdown -s -t 시간(단위:초)
를 입력해줍니다. 다음을 누려

저는 1시간예약 컴퓨터 종료 타이머 프로그램을 만들기 위하여 3600을 입력하였습니다.

이름설정을 해줍니다.
저는 예시로 "1시간뒤 컴퓨터 종료"
라고 적었습니다. ^^ (이것은 만들어질 프로그램 이름입니다^^) 

마침을 누려주면 바탕화면에 1시간뒤 컴퓨터 종료 라는 프로그램이 생깁니다^^




이젠 역으로 종료 취소 프로그램을 만들어 보겟습니다

역시 똑같이 바탕화면에서
마우스 우클릭->바로 만들기->바로 가기
클릭하여 줍니다.

이번엔 컴퓨터 종료 타이머 취소 명령어인 shutdown -a를 입력 하여 줍니다.
다음을 클릭하여줍니다.

이번에도 또한 이름설정을 해줍니다.
저는 예시로 "컴퓨터 끄기 취소 "
라고 적었습니다. ^^ (이것은 만들어질 프로그램 이름입니다^^) 

마침을 누려주면 바탕화면에 컴퓨터 끄기 취소 라는 프로그램이 생깁니다^^

프로그램 파일이 생긴 모습입니다 이제 자유롭게
컴퓨터 종료 타이머를 손쉽게 설정 할수 있게 되었네요^^

크롬 시크릿모드로 시작하기

우선 크롬을 다운받아 설치합니다

설치된 크롬 아이콘을 마우스 우 클릭한 후 속성을 들어갑니다

아이콘 속성이 뜨는데요

대상에 위에 쓰여있는 문자를 입력해 줍니다

--incognito

적용을 클릭하시고 나오시면 됩니다

아이콘을 클릭하시면 시크릿 모드로 작동되는 걸 보실 수 있으십니다

근데 시작페이지가 불편하네요

크롬 자체적으로 시작페이지 변경하는 방법으로 바꿔도 되지만 살짝 응용할 수도 있습니다

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --incognito http://www.naver.com/

문자열 뒤에 보이시는 것처럼 시작페이지로 등록할 링크를 넣어주시면

시크릿모드로 전환됨과 동시에 시작페이지가 바로 뜹니다

익스플로러도 똑같습니다

"C:\Program Files (x86)\Internet Explorer\iexplore.exe" -private http://www.naver.com/

이렇게 바꿔주시면 privat기능 적용과 동시에 시작페이지가 뜹니다

크롬은 상단에 썬글러쓰 낀 남자가 나와야 정상작동하는 거니 유념하시고요

이 기능을 사용하면 무엇이 좋으냐!!!

우선 나와 통신하고 있는 서버에 나의 정보를 노출시키지 않을 수 있습니다

아이피만 바꾼다면 다른 유저로 둔갑할 수도 있습니다

둘째!! 쿠기나 임시파일들이 남지 않기 때문에 가끔 지워줘야 하는 번거로움이 없어지고 

그런 것들을 저장하지 않기 때문에 인터넷 환경이 쾌적해집니다

인터넷을 사용하시다가 느려지시는 분들 

임시파일이나 쿠기 삭제하시고 

시크릿 모드로 전환해 사용해 보세요