기본 단축키 alt,shift,윈도우,컨트롤키

오토핫키

www.autohotkey.co.kr

자동매크로 프로그램인 오토핫키 커뮤니티 http://www.autohotkey.co.kr 를 소개합니다. 자동매크로 프로그램이라는 것은 단순 반복작업을 컴퓨터가 대신 처리 하도록 만들어 주는 프로그램 입니다. 쉽게 말해 오토핫키는 내가 직접 마우스와 키보드를 조작하지 않고 자동으로 마우스가 움직이고 키보드를 사용하는 프로그램입니다. 나는 아무것도 하지 않는데 마우스와 키보드가 제작한 코딩대로 움직이고 입력하는 것입니다. 해당 프로그램을 만들려면 프로그램이 설치되어야 하는데 http://www.autohotkey.com 해당사이트에서 간단하게 다운로드 받아 설치 할 수 있습니다. 설치 후 내가 원하는 매크로 프로그램을 개발하여 사용하면 되는데 아무래도 프로그램영역이다 보니 쉽게 접근 하기가 어렵습니다. 물론 매뉴얼이 제공되지만 직접 개발해보면 매뉴얼로 부족한 영역이 있기 마련입니다. 혼자서 오토핫키로 프로그램을 개발할 때 막히면 참 답답하고 스트레스도 많이 받습니다. 이때 오토핫키 커뮤니티가 필요합니다. 막히는 부분을 검색하면 많은 내용이 검색됩니다. 아무래도 내가 막히는 부분, 내가 고민한 부분은 다른 사람들도 동일하게 경험하기 때문일 것입니다. 혹 여나 자료가 없다면 자유질문답변과 같은 게시글에 글을 남기면 됩니다. 커뮤니티가 활성화되어 얼마 되지 않은 답변을 받을 수 있습니다. http://www.autohotkey.co.kr 사이트는 다양한 메뉴들로 구성되어 있습니다. 소스를 공개하는 공간, 질문과 답변을 하는 공간, 오토핫키에 대해 공부할 수 있는 공간 등 다양하게 서비스를 제공하고 있습니다. 만약 자신이 오토핫키로 프로그램을 개발하고 싶다면 오토핫키 커뮤니티인 http://www.autohotkey.co.kr 를 적극 추천합니다.

게시글

안드로이드 백버튼 클릭할때 앱종료하는 소스

안드로이드폰에서 뒤로가기 클릭했을때 이벤트 device 플러그인에 포함되어 있다고 생각된다 아래는 backbutton 리스너를 통해서 앱을 종료하는 소스이다 //뒤로가기 버튼 클릭시 document.addEventListener("backbutton", function(){ if(confirm("앱을 종료 하시겠습니까?")){ navigator.app.exitApp();//프로그램종료 } }, false); 앱을 백그라우드로 넘기는 방법은 없을까 하고 여러가지를 찾아보았지만 난 찾지 못했다 ㅠㅠ 참고적으로 내가 찾은 navigator.app 함수들이다 navigator.app.backHistory(); navigator.app.cancelLoadUrl(); navigator.app.clearCache(); navigator.app.clearHistory(); navigator.app.exitApp(); navigator.app.loadUrl(url, props); navigator.app.overrideBackbutton(override); 몇가지는 테스트 해보았으나 몇가지는 테스트 해보지 안았다 ​

게시글

radio,checkbox 텍스트 명을 클릭해도 선택되게 처리 하는 방법

라디오버튼과 체크박스 버튼에서 조그마한 라디오,체크버튼을 클릭하기가 불편해 텍스트를 클릭했을대 체크될수 있게 처리하는 방법으로 아래와 같이 적용한다 radio,checkbox에서 id와 lable 내에 for 속성을 동일하게 맞춰주면된다 라디오버튼1 라디오버튼2 체크박스

게시글

띄어쓰기   외에 다른 방법

1)" "한칸을 비우는 방법 -> 여러번" " 넣으면 " " 띄어쓰기 한칸만된다 2)  사용하는 방법 여러번의 띄어쓰기를 넣을때 사용한다 3)\u00A0 사용하는 방법도 있다 자바스크립트에서 사용된다

구글에서 제공하는 크롬 확장프로그램...

developer.chrome.com

Chrome for Developers에서 제공하는 크롬 확장 프로그램(Chrome Extensions) 개발 문서의 시작 페이지입니다. 구글이 운영하는 공식 문서로, 확장 프로그램을 처음 만드는 방법부터 배포까지 필요한 자료를 모아 두었습니다. 첫 확장 프로그램 만들기 가이드와 동작 원리 설명, API·권한·매니페스트 레퍼런스, 샘플 코드를 제공하며, 사이드 패널과 테마, 탭·북마크·다운로드 관리, 콘텐츠 스크립트 같은 기능별 문서와 Chrome 웹 스토어 게시 가이드로 이어집니다. 크롬 확장 프로그램을 개발하거나 API 사용법을 찾는 웹 개발자에게 유용합니다.

게시글

호환성 보기생략하는 메타태그

IE버전에서 주소창 우쯕 끝에 호환성 보기 버튼이 생기는 경우가 있는데 이때 해당 버튼을 제거하기위해서 아래의 메타태그를 입력하면된다

오토드로우

www.autodraw.com

대충 그린 손 그림을 예쁜 일러스트 그림으로 바꿔주는 오토드로우 http://www.autodraw.com 를 소개합니다. 오토드로우는 구글에서 제공해 주는 인공지능 프로그램으로, 대충 그림을 그리면 해당 그림이 어떠한 그림인지 스스로 판단해 인공지능 스스로 그림을 그려주는 프로그램입니다. 내가 하트를 그리고 싶다면 캔버스좌측에 있는 AutoDraw버튼을 클릭하고 위쪽이 움푹 들어가 동그라미만 그려도 하트로 판단해 상단에 하트일러스트를 추천해줍니다. 사실 그림을 대충 그리면 예쁘게 고쳐주는 프로그램은 아니고, 미리 일러스트로 등록한 이미지를 찾아주는 프로그램입니다. 일반적으로 검색을 텍스트로 하게 되지만 오토드로우는 더 발전해 텍스트가 아닌 그림으로 검색을 할수 있다라고 보시면 됩니다 내가 하트를 그리면 미리 등록된 하트를 검색해주고 검색된 하트를 클릭하면 내가 그린 그림과 바꿔주는 것입니다. 누군가 그려놓은 결과물을 사용한다면 저작권 역시 확인해봐야 합니다. 다행스럽게 오토드로우는 구글 답게 무료로 제공 합니다. 저작권 확인방법은 사이트에 좌측메뉴에서 Artists 페이지로 이동해 Creative Commons Attribution 4.0 International License 를 클릭하여 확인하면 됩니다. 클릭하면 Attribution 4.0 International (CC BY 4.0) 를 확인할 수 있는데 의미는 출처만 밝히면 상업적이든 비상업적이든 자유롭게 사용할 수 있다는 뜻입니다. 그림은 못 그리는데 예쁜 일러스트는 이미지가 필요하신 분이라면 오토드로우를 적극 추천합니다.

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");