July 2017
Beginner to intermediate
464 pages
10h 38m
Korean
Content preview from 러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
43
1
장
첫 번째 애플리케이션
1.7
단순한 그래픽 그리기
HTML5
에서 발전한 것 중에는 표준화된 그래픽 인터페이스도 있습니다.
HTML5
캔버스를
사용해서 그래픽 사각형이나 원, 다각형 같은 단순한 도형을 그릴 수 있습니다. 캔버스를 직
접 사용하는 건 매우 어렵고 손이 많이 가는 일이므로 그래픽 라이브러리
Paper
.
js
(
http
://
paperjs
.
org
/
)를 사용해서
HTML5
캔버스를 사용해 봅시다.
Paper
.
js
가 유일한 캔버스 그래픽 라이브러리는 아닙니다.
KineticJS
(
http
://
kineticjs
.
com
/
),
Fabric
.
js
(
http
://
fabricjs
.
com
/
),
EaselJS
(
http
://
www
.
createjs
.
com
/
easeljs
) 등은 모두 매우 인기 있고 잘 만들어진
라이브러리입니다. 필자는 이들 라이브러리를 모두 사용해 봤고 매우 만족했습니다.
Paper
.
js
로 그림을 그리기 전에 먼저
HTML
캔버스 요소를 준비해야 합니다. 다음 행을 바디
에 추가하십시오. 위치는 어디든 상관없습니다.
<
canvas
id
="
mainCanvas
"> </
canvas
>
캔버스에 사용한
id
속성은 자바스크립트와
CSS
에서 이 요소를 쉽게 찾기 위한 것입니다. 지
금 당장 페이지를 확인하면 아무것도 달라지지 않았습니다. 캔버스에 아무것도 그리지 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.