ES62 [javascript] 자바스크립트 및 캔버스를 이용한 그림판 만들기 참고: https://dev.to/javascriptacademy/create-a-drawing-app-using-javascript-and-canvas-2an1 이 튜토리얼에서는 브라우저에서 간단히 그림을 그릴 수 있도록 하는 스크립트를 만들 것입니다. 이를 위해 기본 javascript와 canvas API를 사용할 것입니다. 이 튜토리얼을 마치고 나면 canvas API와 javascript의 이벤트 처리에 대한 대략적인 흐름을 알게 될 것입니다. HTML markup 전체 앱을 section으로 래핑하고 class 이름을 container로 해서 시작하겠습니다. 이는 툴바와 드로잉 보드를 정렬하는데 사용합니다. 이 안쪽에 툴바를 위치시킬 div를 넣고 javascript 작업을 수월하게 하기위해 .. 2022. 4. 26. [javascript] 자바스크립트 ES6 (ECMAScript 2015) 원문: https://www.w3schools.com/js/js_es6.asp JavaScript let let은 블록 스코프 내에서 변수를 선언할 수 있게 해줍니다. var x = 10; // Here x is 10 { let x = 2; // Here x is 2 } // Here x is 10 JavaScript const const로는 상수를 선언할 수 있습니다. (상수 값을 가지는 자바스크립트 변수) const는 let과 비슷하지만 값을 수정할 수 없습니다. var x = 10; // Here x is 10 { const x = 2; // Here x is 2 } // Here x is 10 Arrow Functions 함수를 작성할 화살표 함수로 좀더 짧은 문법을 사용할 수 있습니다. func.. 2019. 11. 22. 이전 1 다음