달력

9

« 2020/9 »

  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •  
  •  
  •  


 

Tampermonkey

크롬 확장프로그램으로 유튜브 동상을 저장할 있는 기능을 제공합니다.

 

https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ko

 


 

 

 

 

 

Tampermonkey 사용 방법

·         Step1: Chrome Store에서 Tampermonkey 설치

·         Step2: Tampermonkey 스크립트 설치하기

 

 

 

Step1: Chrome Store에서 Tampermonkey 설치


 

 

 

Step2: Tampermonkey 스크립트 설치하기

http://codedragon.tistory.com/6970

 


 

Posted by codedragon codedragon

댓글을 달아 주세요


 

 

Tampermonkey 스크립트 설치하기

 

아래 사이트경로로 접속

https://en.savefrom.net/user.php#10

https://en.savefrom.net/user.php#download

 

User JS: install the script (Tampermonkey or Greasemonkey extension required) 항목의 [install the script] 링크 클릭


 

새로 탭이 오픈되면 해당 페이지의 [설치] 버튼 클릭


 

 

설치 완료!!!

 

해당 페이지를 [새로 고침]하거나 브라우저 종료 다시 페이지를 열면

유튜브 동양상 하단에 보면 초록색의 Download버튼이 보이며 클릭하면 다운로드 있습니다.


 

Posted by codedragon codedragon

댓글을 달아 주세요


 

 

Set Character Encoding

페이지의 CharacterSet을 변경하여 인코딩 문제를 해결할 수 있는 크롬 확장 플러그인입니다.

 

Chrome 웹 스토어에 접속합니다.

https://chrome.google.com/webstore/category/extensions?hl=ko

 

"Set Character Encoding" 으로 검색 >> 가장 상단에 있는 메뉴 선택

Set Character Encoding


 

https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefphglae


 

[확장 프로그램 추가]


 


 


 

 

인코딩 깨지는 페이지에서 마우스 우클릭 >> [Set Character Encoding] >> 원하는 CharacterSet 선택


 

한글이 정상적으로 출력되는 것을 확인할 수 있습니다.


 

Posted by codedragon codedragon

댓글을 달아 주세요


 

유튜브 뷰모드(Youtube View Mode)

·         watch 모드

·         embed 모드

 

 

 

watch 모드

·         기본 화면 보드

·         /watch?v= URL에 포함되어 있으며 GET방식으로 영상을 가져옵니다.

·         성인콘텐츠인 경우 성인인증 후 영상을 볼 수 있습니다.

 

https://www.youtube.com/watch?v=영상고유ID

 

 

 

 

 

embed 모드

·         전체 화면 모드

·         embed/ URL에 포함되어 영상을 가져옵니다.

·         성인인증을 하지 않습니다.

 

https://www.youtube.com/embed/영상고유ID

 

Posted by codedragon codedragon

댓글을 달아 주세요


구글 검색 결과 새 탭으로 열기

일부 웹브라우저에서는 검색 결과 클릭시 기본 설정으로 새 탭으로 지정이 되어 있어 따로 설정해 주지 않아도 됩니다.

기본 설정이나 브라우저 설정에서 변경할 수 없는 경우 구글 페이지에서 설정 가능합니다.

 

검색 창의 우측 상단의 [설정] >> [검색 환경설정] 클릭


 

 

"검색결과 여는 창" 부분의 [선택한 검색 결과를 새 브라우저 창에서 열기] 항목을 체크 >> [저장]


 

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

Octotree

eclipse Project Explorer와 비슷합니다.

깃허브에 있는 소스들을 IDE 에디터처럼 계층화시켜 왼쪽 창에 보여주며 해당 파일 항목을 클릭하면 오른쪽에 소스코드를 보여줍니다.

 

https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc 


 

우측 상단의 [+ CHROME에 추가] 버튼 클릭


 

[확장앱 추가]


 


 

jquery GitHub에서 본 화면


 

 

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

구글 썸머 오브 코드(Google Summer of Code)

·         18세 이상 학생이 참여할 수 있는 프로그램입니다.

·         참가자들은 3개월이라는 기간 동안 하나의 오픈소스 프로젝트를 집중적으로 담당하면서 오픈소스 프로젝트를 체계적으로 배워보고 실무에서 필요한 지식을 얻을 수 있습니다.

·         오픈소스 전문 업체의 개발자를 멘토로 지정해 참가자가 언제든지 질문할 수 있도록 지원하고 있습니다.

 

https://summerofcode.withgoogle.com/


 

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

구글 코드인(Google Code-in)

·         13세에서 17세 청소년이 참여할 수 있는 일종의 온라인 콘테스트입니다.

·         공개된 문제 중의 하나를 선택하고, 소스코드를 개선하거나 오픈소스 문서화 등에 기여하게 됩니다. 이 중 가장 많은 프로젝트를 수행하고 양질의 기여를 한 참가자에게 수료증, 티셔츠, 본사 방문 기회 등을 제공합니다.

 

https://codein.withgoogle.com/archive/


 

Posted by codedragon codedragon

댓글을 달아 주세요

 

 

크롬 개발자 도구 - Elements

·         개발자 도구를 열어을 때 가장 처음 표시되는 도구입니다.

·         HTML, CSS가 잘 출력되고 동작되고 있는 지 확인 할 수 있는 기능을 제공해 주며 다양한 방법으로 속성을 추가/제거 및 변경할 수 있게 해 줍니다.

·         디버깅을 위해 기능을 테스트하거나 속성을 변경 할 때 사용합니다.

 


 

HTML구조가 보이고 화살표를 펼치고 접어서 트리된 HTML구조를 탐색할 수 있습니다.


 

하단에는 선택 요소의 계층 정보를 확인할 수 있습니다.


 

 

 

Styles

특정 요소를 선택하고 오른쪽 창을 보면 Styles탭이 보이며 여기의 정보를 수정하여 스타일을 변경해 볼 수 있습니다.

이 부분에서 CSS 디버깅을 할 수 있습니다.


 

오른쪽의 [+]아이콘을 클릭하여 새로운 스타일 룰을 생성할 수 있습니다.


 

* {

border: 3px solid red;

}

 


 

 

 

 

Computed

최종 적용된 스타일 정보를 확인할 수 있습니다.


 

 

 

 

Event Listeners

선택된 요소에 적용된 이벤트 정보를 확인할 수 있습니다.

 


 

Posted by codedragon codedragon

댓글을 달아 주세요

 

구글 검색(Google Search) - 고급검색

복잡한 검색 규칙을 통해 원하는 검색결과만 확인할 수 있습니다.

 

https://www.google.co.kr/advanced_search


 

'TechMaster > Google' 카테고리의 다른 글

구글 코드인(Google Code-in)  (0) 2017.06.25
크롬 개발자 도구 - Elements  (0) 2017.05.02
구글 검색(Google Search) - 고급검색  (0) 2017.04.26
크롬 개발자 도구 - Timeline  (0) 2017.04.19
크롬 개발자 도구 - Profiles  (0) 2017.04.03
크롬 개발자 도구 - Audits  (0) 2017.03.29
Posted by codedragon codedragon

댓글을 달아 주세요