https://sungchuni.tistory.com/12캔버스를 통한 이미지 다운스케일링 작업 시 발생하는 앨리어싱(계단 현상) 문제에 대해 임상적으로 알아보겠습니다. 우선 깨끗한 body를 준비하고, 스크립트 링크도 연결합니다. 이미지 파일을 업로드할 파일 타입의 입력 상자와, 리사이즈 목표 픽셀을 입력할 숫자 타입의 입력 상자를 추가합니다.// /index.js const inputElements = { file: null, number: null }; function createInputFile() { const input = document.createElement("input"); Object.assign(input, { accept: "image/*", multiple: true, type:..
https://stackoverflow.com/questions/17861447/html5-canvas-drawimage-how-to-apply-antialiasing Html5 canvas drawImage: how to apply antialiasing Please have a look at the following example: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = func... stackoverflow.com CanvasRenderingContext2D#drawImage 메소드..
간혹 몽고 셸에 접속할 때 "Access control is not enabled for the database."라는 경고문을 볼 수 있습니다.이는 mongod 서비스를 "--auth" 인자 없이 실행하였기 때문에 발생하는 경고입니다. https://docs.mongodb.com/v3.4/tutorial/enable-authentication/ 참조하여 요약 우선 미인증 모드의 mongod를 그대로 둔 채 몽고 셸을 열어 "admin"이라는 콜렉션을 생성합니다.use admin;그리고 다른 계정을 관리할 계정 관리 계정을 생성합니다.단, 현재 만들 계정은 자기 자신이 생성된 "admin" db를 포함하여 다른 db를 조회하거나 수정할 권한이 없으며,오직 다른 계정을 생성하고 수정할 수 있습니다.db.c..
var는 변수를 선언합니다. 함수 유효 범위scope를 가집니다. 이는 함수 내에서 var 문으로 선언된 변수를 참조할 수 없다는 것을 뜻합니다. '함수 유효 범위'라 할 때의 함수는 익명 함수도 해당됩니다. 일견 익명 함수는 if나 for, while 문처럼 보여 단지 블록 유효 범위를 설정하는 것처럼 보이기도 하기 때문에 주의가 필요합니다. 특히 이벤트 핸들러의 경우 자주 그러는데, 저만 그럴 수도 있겠지요. let은 변수를 선언합니다. 함수 유효 범위와 블록 유효 범위를 모두 가집니다. for 문 내 let으로 선언된 변수는 for 문의 바깥에서 참조 할 수 없습니다.var i = '가진 자'; for (let i = 0; i < 10; i++) { console.log(i); }; console...
Why is it called a shiv?The term shiv originates from John Resig, who was thought to have used the word for its slang meaning, a sharp object used as a knife-like weapon, intended for Internet Explorer. Truth be known, John probably intended to use the word shim, which in computing means an application compatibility workaround. Rather than correct his mispelling, most developers familiar with In..
MySQL 5.7 Reference Manual 의 13.13 Encryption and Compression Functions 발췌:Many encryption and compression functions return strings for which the result might contain arbitrary byte values. If you want to store these results, use a column with a VARBINARY or BLOB binary string data type. This will avoid potential problems with trailing space removal or character set conversion that would change ..
요소 b는 문장 내 주목할 만한 영역을 표시합니다. 이는 내용을 표현하는 데에 있어 지나친 강조나 무드 변경을 취하지 않은 채로 키워드나 문서 초록, 제품명, 텍스트 소프트웨어의 활성화 요소, 기사의 리드를 장식하기 위해 사용됩니다.요소 i와 함께, 문서 작성자는 해당 요소들의 의미를 클래스 속성으로 규정함으로써 훗날 각각의 사용에 대한 맥락이 변경된다 하더라도 주석을 작성해야 하는 의무를 피할 수 있습니다.요소 b는 표현할 수 있는 다른 적당한 요소가 더 이상 없을 경우에나 활용하여야 합니다. 머릿말은 요소 h#를 사용, 강조는 요소 em, 중요 부분은 요소 strong, 별도 표시가 필요한 문구는 요소 mark를 활용하여야 합니다.비고: 당연하게도 다른 요소들이 그러한 것과 같이, 스타일 시트로 요소..
a, b, i, p, q, s, u
(하이퍼텍스트 참조를 의미하는) href 속성이 적용된 요소 a는 해당 URI로의 라벨 역할을 합니다. 이는 하이퍼텍스 앵커hypertext anchor로서의 의미를 갖기 때문에 요소 이름 a 를 갖게 되었습니다. 적용이 가능한 속성에는 전역 속성, href, target, download, rel, hreflang, type 등이 있습니다.만약 요소 a에 href 속성이 적용되지 않았다고 하더라도, 해당 요소는 관련 내용을 포함한 URI로의 빈 링크를 의미합니다. href 속성이 없다면 target, download, rel, hreflang, type 등의 요소도 누락되어야 합니다.요소 a는 단락, 목록, 표, 혹은 섹션 전체를 감쌀 수 있습니다. 웹킷 엔진에서의 a 요소 글자 색은 방문하지 않은 링..
Supporting Different Screens in Web Apps이 포스트를 작성할 당시에는 안드로이드 개발자 페이지의 해당 문서가 번역되어 있지 않았습니다.; 2020년 1월 16일 웹 어플리케이션의 차등 화면 지원 안드로이드 기기는 다양한 화면 크기와 픽셀 밀도를 갖고 있기 때문에, 우리는 항시 적절한 크기의 웹 페이지가 출력될 수 있도록 아래와 같은 요소들을 설정해야 합니다. 뷰포트the viewport 뷰포트는 웹 페이지의 출력 가능한 영역을 의미하는 가상의 사각 면입니다. 여기엔 화면 크기size 혹은 시작 화면비initial scale 등의 요소들이 포함됩니다. 가장 중요한 뷰포트 요소는 화면 너비width인데, 여기에는 해당 웹 페이지가 표현할 수 있는 가로 픽셀의 숫자를 정의합니다...