엄지월드

HTML5 Canvas Tutorial for Beginners - Ep. 3 var canvas = document.querySelector('canvas') ; canvas.width = window.innerWidth; canvas.height = window.innerHeight; var c = canvas.getContext('2d'); function Circle(x, y, dx, dy, radius){ this.x = x; this.y = y; this.dx = dx; this.dy = dy; this.radius = radius; this.draw = function(){ c.beginPath(); c.arc(this.x, this.y, this.radius, 0, Math.PI * 2, ..

오토핫키 OCR 이미지 인식을 활용하면 한글을 제외한 숫자, 영어, 일어를 인식해준다. #SingleInstance force #Include OCR.ahk CoordMode, Mouse, Screen ; 절대 좌표로 설정한다. F3:: ; F3을 누르면 실행 widthToScan=30 ; OCR 미리보기 창 크기 설정 heightToScan=30 sleep, 200 WinSet, Transparent, 50, OcrPreviewWindow topLeftX = 2168 ; 위치 지정 topLeftY = 440 WinMove, OcrPreviewWindow, , % topLeftX+2, % topLeftY-2 sleep, 100 ;NOTE: this is where the magical OCR functi..

AutoHotKey 설치 SciTE4AutoHotkey IDE 설치 한글 가이드http://autohotkeykr.sourceforge.net/

소스코드 테마를 적용하고 싶었으나, 복잡해 보여서 머뭇거렸거나 혹은 제대로 적용되지 않은 분들에게 추천드립니다. 순서는 다음과 같습니다.1. 먼저 syntaxHighlighter를 다운받습니다.2. 티스토리 설정 - 스킨 편집 - html 편집으로 이동합니다.3. 파일업로드로 이동해서 script, style을 모두 추가합니다.4. html 코드를 추가해줍니다. 5. 테스트해봅니다. 1. 먼저 syntaxHighlighter를 다운받습니다. 2. 티스토리 설정 - 스킨 편집 - html 편집으로 이동합니다. 3. 파일업로드로 이동해서 script, style 파일을 모두 추가합니다. 4. html 코드를 추가해줍니다. 4-1) 위에 코드를 추가해 줍니다.4-2) 에서 Onload를 추가해줍니다. 5. 테..

가상 클래스 선택자 상속 케스케이딩 이란? (적용 우선순위) - 웹브라우저 style selector > id selector > class selector > tag selector 순으로 적용된다.이유는 점점 정교해지는 순서이다. 만약에 우선순위를 급상승 시키고 싶으면li{color:red; !important;} 를 해주면 된다. 크기 : font-sizepx vs em vs remem, rem : 사용자 설정에 따라서 크기가 달라진다. 그래서 오늘날에는 rem을 써야 좋다. PXREM=> 줌하는거 말고 아예 폰트 사이즈를 변경하면 같이 사이즈가 바뀜 텍스트 정렬 font-family, font-weight, line-height font-weight - 가중치, 두..

새로운 속성들autocomplete 를 설정해 on으로 설정해 놓으면 자동완성 기능이 작동합니다.form 태그에 autocomplete를 on으로 설정해 놓으면 form 안에 있는 태그들은 모두 autocomplete가 동작합니다.여기서 특정 태그에서는 autocomplete를 사용하고 싶지 않으면 해당 태그에서 autocomplete를 off로 설정하면 됩니다. autofocus 기능을 사용하면 페이지에 접근했을 때 해당 타입으로 포커스가 맞춰집니다. 입력 값 체크필수적으로 입력해야 되는 부분은 required를 추가해줍니다. 사용자의 입력을 패턴으로 강제하고 싶을때는 pattern을 추가해줍니다.정규표현식에서 . 은 어떠한 문자도 상관 없다는 것입니다.입력 예시 : a (x)입력 예시 : a1 (o)..

// 화면의 폭을 디바이스의 폭 만큼 자동으로 맞춰주어라// initial-scale은 줌으로 표시되는 게 아닌 자연스럽게 표시돼도 록 함. 기계적으로 넣으면 됩니다

SEO란? 검색엔진 최적화이다. title 태그를 이용하여 페이지의 제목 나타내기-> 제목 부분에 제공될 수 있는 부분이기 때문에 잘 설정해야 한다 메타 태그의 description 이용-> description 메타 태그에는 1-2개의 문장이나 짧은 단락을 사용할 수 있습니다.-> "이것은 웹 페이지입니다" 또는 "유아용품에 대한 페이지" 등과 같은 일반적인 설명 사용 페이지의 URL 구조를 개선하기 (어떤 컨텐츠에 도달할 수 있는 정보)- 컨텐츠를 이해하기 좋은 URL을 사용하기- 불필요한 매개변수와 세션 ID가 있는 긴 URL 사용을 피해야 한다- 파일의 이름이 너무 길면 별로 좋지 않다- 디렉토리가 복잡하면 좋지않다. 특정 문서에 도달하기 위한 한 가지 형태의 URL 제공 - - 1.html, 2..

File -> Settings -> Install(좌측메뉴) -> script 검색 -> rgbkrk 사용자가 만든 패키지 Install

크롤링 예제를 따라하던 중 Atom에서 한글이 깨지는 현상 발생 하였다... 구글링 결과 상단에import sysimport iosys.stdout = io.TextIOWrapper(sys.stdout.detach(), encoding = 'utf-8')sys.stderr = io.TextIOWrapper(sys.stderr.detach(), encoding = 'utf-8')를 추가해 주면 된다고 한다!!