이제는 테스트를 해야만 한다. 처음에, 그때는 Angular.js였는데, 웹 프레임워크를 공부하던 시절부터 테스트 환경 설정은 프레임워크 환경 설정이 기술된 챕터 2나 그 다음 챕터 3 정도에 있는 주제였습니다. 그렇지만 정말로 어플리케이션을 만들고 운영하기 전까지 테스트가 도대체 어디서 필요한지를 스스로 아는 것은 어렵지요. (어렵지 않나요?) 그래서 Jest를 쓰기로 했습니다. "그래서" 부분은 생략된 챕터가 많은데, 아무튼 현재는 Vue가 주사용 프레임워크이고, vue-jest가 사용하기 편리하고, 무엇보다 커뮤니티가 활발하고, 그만큼 레퍼런스가 많았습니다. 테스트 코어와, 매처, 러너가 한 번에 설치되는 이점이 물론 제 1의 근거였습니다. Jest는 브라우저 환경의 스크립트를 실행할 때에 jsdo..
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 메소드..