{"id":46233,"date":"2022-11-18T16:50:33","date_gmt":"2022-11-18T07:50:33","guid":{"rendered":"https:\/\/www.charlezz.com\/?p=46233"},"modified":"2022-11-18T16:52:47","modified_gmt":"2022-11-18T07:52:47","slug":"first-step-in-canvas-1-canvas-basics","status":"publish","type":"post","link":"https:\/\/charlezz.com\/?p=46233","title":{"rendered":"First step in Canvas &#8211; (1) Canvas Basics"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">\uce94\ubc84\uc2a4 \uae30\ucd08<\/h1>\n\n\n\n<p>\uc774 \ud3ec\uc2a4\ud305\uc740 \uce94\ubc84\uc2a4\uc758 \uc804\ubc18\uc801\uc778 \uae30\ucd08\uc5d0 \ub300\ud574\uc11c \uc694\uc57d\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uce94\ubc84\uc2a4 \uc88c\ud45c\uacc4 <\/h2>\n\n\n\n<p>\uc548\ub4dc\ub85c\uc774\ub4dc\uc758 \uce94\ubc84\uc2a4\ub294 \ub2e4\ub978 \uc88c\ud45c\uacc4\ub4e4\uacfc \ub2ec\ub9ac \uc88c\uce21 \uc0c1\ub2e8\uc744 \uc6d0\uc810\uc73c\ub85c \ud558\uc5ec&nbsp;\uac12\uc774 <strong>\uc6b0\uce21 \ud558\ub2e8 \ubc29\ud5a5\uc73c\ub85c \uc99d\uac00<\/strong>\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11-1024x578.png\" alt=\"\" class=\"wp-image-46236\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com--2022-11-18--2.44.11.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\uc0ac\uac01\ud615 \uadf8\ub824\ubcf4\uae30<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57-1024x578.png\" alt=\"\" class=\"wp-image-46240\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.54.57.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc774 \uce94\ubc84\uc2a4\uc758 \uc815\uc911\uc559\uc5d0 \uc0ac\uac01\ud615\uc744 \ud558\ub098 \uadf8\ub9ac\uae30 \uc704\ud574\uc11c\ub294 \ub450 \uc810\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ub450 \uc810\uc740 \uac01\uac01 (x1,y1), (x2,y2)\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub450 \uc810 \ub300\uc2e0 \ud558\ub098\uc758 \uc810(x1,y1)\uacfc \ud568\uaed8 \uc0ac\uac01\ud615\uc758 \ub108\ube44, \ub192\uc774 \uc815\ubcf4\ub9cc \uc788\uc5b4\ub3c4 \ub2e4\ub978 \ud55c \uc810(x2,y2)\uc744 \uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc815\uc810(x1, y1)\uc5d0 \ub300\ud55c \uc88c\ud45c\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubc29\uc815\uc2dd\uc73c\ub85c \uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<ul><li>x1: (\uce94\ubc84\uc2a4 \ub108\ube44 &#8211; \uc0ac\uac01\ud615 \ub108\ube44)\/2<\/li><li>y2: (\uce94\ubc84\uc2a4 \ub192\uc774 &#8211; \uc0ac\uac01\ud615 \ub192\uc774)\/2\ub85c<\/li><\/ul>\n\n\n\n<p>\ube44\uc2b7\ud55c \ubc29\ubc95\uc73c\ub85c \ub450\ubc88\uc9f8 \uc815\uc810\ub3c4 \uad6c\ud569\ub2c8\ub2e4. \uadf8\ub7f0 \ub4a4 \uc0ac\uac01\ud615 \uadf8\ub9ac\uae30 API(\uc608: drawRect)\ub97c \ud638\ucd9c\ud558\uc5ec \uc0ac\uac01\ud615\uc744 \uadf8\ub9bd\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uadf8\ub9ac\uae30 API<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47-1024x578.png\" alt=\"\" class=\"wp-image-46238\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.52.47.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ub3c4\ud615\uc744 \uadf8\ub9b4 \ub54c \uc790\uc8fc \uc0ac\uc6a9\ud560\ub9cc\ud55c drawing API\ub4e4 \uc785\ub2c8\ub2e4. (<a href=\"https:\/\/gist.github.com\/Charlezz\/86c01b412483cc0d3764b5a15cc6b127\" target=\"_blank\" rel=\"noopener\" title=\"\">\uc608\uc81c\ucf54\ub4dc<\/a>)<\/p>\n\n\n\n<p>\uc704\uc5d0\uc11c \ubd80\ud130 \uc0ac\uac01\ud615, \uc6d0, \uc120, \ud0c0\uc6d0, \ud638, \ub465\uadfc \uc0ac\uac01\ud615\uc744 \uadf8\ub9bd\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ube0c\ub7ec\uc26c \uc885\ub958<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13-1024x578.png\" alt=\"\" class=\"wp-image-46241\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.55.13.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uae30\ubcf8\uc801\uc73c\ub85c \uc81c\uacf5\ud558\ub294 \ube0c\ub7ec\uc26c\uc758 \ud0c0\uc785\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>\uc120\ud615(Linear)<\/li><li>\ubc29\uc0ac\ud615(Radial)<\/li><li>\uac00\ub85c\ud615(Horizontal)<\/li><li>\uc138\ub85c\ud615(Vertical)<\/li><li>\uc2a4\uc715\ud615(Sweep)<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\uadf8\ub9ac\uae30 \uc2a4\ud0c0\uc77c<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22-1024x578.png\" alt=\"\" class=\"wp-image-46242\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.56.22.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>DrawStyle\uc5d0\ub294 \ub450\uac00\uc9c0 \ud0c0\uc785\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Fill : \ub3c4\ud615\uc758 \uba74\uc744 \ucc44\uc6c0<\/li><li>Stroke : \ub3c4\ud615\uc758 \uc120\ub9cc \uadf8\ub9bc<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\uc120(Stroke) \uc2a4\ud0c0\uc77c<\/h2>\n\n\n\n<p>Stroke\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubd80\uac00\uc801\uc778 \uc2a4\ud0c0\uc77c \uc18d\uc131\uc744 \uac16\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>width<\/li><li>miter<\/li><li>cap<\/li><li>join<\/li><li>PathEffect<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34-1024x578.png\" alt=\"\" class=\"wp-image-46243\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--3.59.34.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Stroke\uc758 width\ub294 \uc120\uc758 \ub450\uaed8\ub97c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13-1024x578.png\" alt=\"\" class=\"wp-image-46244\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.00.13.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cap\uacfc Join\uc740 \uc704 \uadf8\ub9bc\uc73c\ub85c \ud558\ub098\ub85c \uc124\uba85\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>Cap\uc740 \uc120\ub05d\uc758 \ub9c8\uac10\uc744 \uc5b4\ub5a4\uc2dd\uc73c\ub85c \ucc98\ub9ac\ud560 \uc9c0\ub97c \uacb0\uc815\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Butt : \uc120\uc758 \ub05d\uc9c0\uc810\uc5d0\uc11c \ubc18\ub4ef\uc774 <strong>\uc798\ub77c\uc11c \ub9c8\uac10\ucc98\ub9ac<\/strong><\/li><li>Square : \uc120\uc758 \ub05d\uc9c0\uc810\uc744 \uc911\uc810\uc73c\ub85c \ud558\uc5ec <strong>\uc815\uc0ac\uac01\ud615\uc73c\ub85c \ub9c8\uac10\ucc98\ub9ac<\/strong><\/li><li>Round : \uc120\uc758 \ub05d\uc9c0\uc810\uc744 \uc911\uc810\uc73c\ub85c \ud558\uc5ec \uc815\uc6d0\uc744 \uadf8\ub824,<strong> \ub465\uae00\uac8c \ub9c8\uac10\ucc98\ub9ac<\/strong><\/li><\/ul>\n\n\n\n<p>Join\uc740 \uc120\ubd84 \uc0ac\uc774\uc758 \uacb0\ud569\ub418\ub294 \uad00\uc808 \ubd80\ubd84\uc73c\ub85c \uc774 \ubd80\ubd84\uc744 \uc5b4\ub5bb\uac8c \ud45c\ud604\ud560 \uc9c0 \uacb0\uc815\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>Round : \ub465\uae00\uac8c \ub9c8\uac10\ucc98\ub9ac<\/li><li>Bevel : \uc120\ubd84\uc758 \ub9de\ub2ff\ub294 \ub05d \ubaa8\uc11c\ub9ac\ub97c \uc5f0\uacb0\ud558\uc5ec \ube44\uc2a4\ub4ec\ud55c \ubaa8\uc591 \uc81c\uacf5<\/li><li>Miter : \uc120\ubd84\uc0ac\uc774\uc758 \uacb0\ud569\ubd80\ubd84\uc5d0 \ub0a0\uce74\ub85c\uc6b4 \ubaa8\uc11c\ub9ac\ub97c \ud615\uc131<\/li><\/ul>\n\n\n\n<p>Miter\uc758 \uacbd\uc6b0 \ubaa8\uc11c\ub9ac\uc758 \uae38\uc774\ub97c \ub2e4\uc74c \uadf8\ub9bc\uacfc \uac19\uc774 \uc81c\ud55c\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54-1024x578.png\" alt=\"\" class=\"wp-image-46245\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.03.54.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ub450 \uc120\ubd84 \uc0ac\uc774\uc5d0\uc11c join \uc2a4\ud0c0\uc77c\uc774 miter\ub85c \uacb0\ud569\ub41c \uacbd\uc6b0 \ub0a0\uce74\ub85c\uc6b4 \ubd80\ubd84\uc758 \uacbd\uacc4\ub97c \uc9c0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ubcc0\ud615(Transformation)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43-1024x578.png\" alt=\"\" class=\"wp-image-46246\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.05.43.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\ubcc0\ud615\uc740 \uce94\ubc84\uc2a4\uc5d0 \uadf8\ub9ac\uace0\uc790 \ud558\ub294 \ub0b4\uc6a9\uc744 \uc774\ub3d9(translate), \ud655\ub300(scale), \ud68c\uc804(rotate) \ud560 \ub54c \uc501\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ubcc0\ud615 \uc608\uc81c\ucf54\ub4dc<\/h3>\n\n\n\n<p><strong>\uc774\ub3d9 \uc608\uc81c<\/strong> <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\ubbf8\ub9ac\ubcf4\uae30 \uc774\ubbf8\uc9c0\uc758 \ud770 \uc810\uc120 \ub3c4\ud615\uc740 &#8216;\ubcc0\ud615&#8217; \uc774\uc804\uc758 \ub3c4\ud615\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.<\/p><\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09-1024x578.png\" alt=\"\" class=\"wp-image-46247\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.09.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>\ud655\ub300 \uc608\uc81c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19-1024x578.png\" alt=\"\" class=\"wp-image-46248\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.19.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>\ud68c\uc804 \uc608\uc81c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26-1024x578.png\" alt=\"\" class=\"wp-image-46249\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.07.26.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\uc0bc\uac01\ubc95<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45-1024x578.png\" alt=\"\" class=\"wp-image-46250\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.11.45.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc9c1\uac01 \uc0bc\uac01\ud615\uc740 \ud55c \uac01\uc774 \uc9c1\uac01, \uc989 90\ub3c4\uc778 \uc0bc\uac01\ud615\uc744 \ub9d0\ud569\ub2c8\ub2e4. \uc774 \ub54c \ub2e4\ub978 \uac01\ub3c4 \uc54c\ud30c(\u03b1)\ub97c \uad6c\ud558\ub294 \ubc29\ubc95\uacfc \uadf8\uc640 \uad00\ub828\ub41c \ub0b4\uc6a9\uc5d0 \ub300\ud55c \uc774\uc57c\uae30\ub97c \ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<p>\uba3c\uc800 \uc774 \uc0bc\uac01\ud615\uc758 \ube57\ubcc0(hypotenuse), \ubc11\ubcc0(adjacent), \ub192\uc774(opposite)\ub97c \uc0bc\uac01\ud568\uc218(\u03b1)\ub85c \ub098\ud0c0\ub0b4\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>sin(\u03b1) = \ub192\uc774 \/ \ube57\ubcc0 <\/li><li>cos(\u03b1) =  \ubc11\ubcc0 \/ \ube57\ubcc0<\/li><li>tan(\u03b1) = \ub192\uc774 \/ \ubc11\ubcc0<\/li><\/ul>\n\n\n\n<p>\uc5ed\uc0bc\uac01\ud568\uc218\ub97c \uad6c\ud558\uba74 \uc54c\ud30c\uac12(a)\uc744 \uad6c\ud560 \uc218 \uc788\uac8c \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>\u03b1 = arcsin(\ub192\uc774 \/ \ube57\ubcc0) <\/li><li>\u03b1 = arccos(\ubc11\ubcc0 \/ \ube57\ubcc0)<\/li><li>\u03b1 = arctan(\ub192\uc774 \/ \ubc11\ubcc0)<\/li><\/ul>\n\n\n\n<p>\uacc4\uc0b0\uac19\uc740 \ubcf5\uc7a1\ud55c \ub0b4\uc6a9\uc740 \ud544\uc694\uc5c6\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc54c\ud30c\uac12(\u03b1)\uc744 \uad6c\ud558\ub294 \uacfc\uc815\uc5d0\ub9cc \uc9d1\uc911\ud558\uba74 \ub429\ub2c8\ub2e4.&nbsp;\uc6b0\ub9ac\uac00 \uc0ac\uc6a9\ud558\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4(\uc790\ubc14\uc640 \ucf54\ud2c0\ub9b0)\uc5d0\uc11c\ub294&nbsp;\uc0bc\uac01\ud568\uc218\uc5d0 \uad00\ub828\ub41c \ud568\uc218\ub4e4\uc744 \uc774\ubbf8 \uc81c\uacf5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc790 \uadf8\ub7fc \uc774\uc81c \uc2e4\uc804\uc5f0\uc2b5\uc744 \ud574\ubcfc\uae4c\uc694. \uc0bc\uac01\ud615 \ub0b4\uc758 \uc9c1\uac01\uc744 \uc81c\uc678\ud55c \ud55c \uac01 \uc54c\ud30c(<meta charset=\"utf-8\">\u03b1)\ub97c \uad6c\ud574\ubd05\uc2dc\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28-1024x578.png\" alt=\"\" class=\"wp-image-46252\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.27.28.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc704\uc640 \uac19\uc740 \uc9c1\uac01 \uc0bc\uac01\ud615\uc774 \uc8fc\uc5b4\uc84c\uace0, \ube57\ubcc0\uacfc \uc5f0\uad00\ub41c \ub450 \uc815\uc810\uc758 \uc88c\ud45c\ub97c \uc54c\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub807\ub2e4\uba74 \uc774 \uc9c1\uac01\uc0bc\uac01\ud615\uc758 \ubc11\ubcc0\uc758 \uae38\uc774\ub294 4\uc774\uace0, \ub192\uc774\ub294 2\ub77c\ub294 \uac83\uc744 \uc9c1\uad00\uc801\uc73c\ub85c \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubc11\ubcc0\uacfc \ub192\uc774\ub97c \uc54c\uba74 \uc544\ud06c \ud0c4\uc820\ud2b8 \ud568\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc54c\ud30c\ub97c \uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc54c\ud30c\ub294 0.46 radian\uc774\uba70, \uc774 \uac12\uc740 \uc57d 26.5\ub3c4\uc5d0 \ud574\ub2f9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uac01\ub3c4(degree)\uc640 \ud638\ub3c4(radian)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50-1024x578.png\" alt=\"\" class=\"wp-image-46253\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.30.50.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uac01(angle)\uacfc \uac01\ub3c4(degree)\ub294 \ub2e4\ub985\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ud55c \uc810\uc73c\ub85c \ubd80\ud130 \ub450 \ubc29\ud5a5\uc73c\ub85c \ub098\uac04 \ub450\uac1c\uc758 \ubc18\uc9c1\uc120\uc774 \ubc8c\uc5b4\uc9c4 \uc815\ub3c4\ub97c \uac01\uc774\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc774 \uac01\uc744 \ud45c\ud604\ud558\ub294 \ubc29\ubc95\uc740 \ub450\uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\uac83\uc774 \ubc14\ub85c \uac01\ub3c4\uc640 \ud638\ub3c4\uc785\ub2c8\ub2e4.&nbsp;<\/p>\n\n\n\n<ul><li>\uac01\ub3c4 : \uc6d0\uc744 360\ub3c4\ub85c \ub098\ub204\uc5b4 \ud45c\ud604<\/li><li>\ud638\ub3c4 : \uc6d0\uc758 \ubc18\uc9c0\ub984\uacfc \ud638\uac00 \uac19\uc744 \ub54c\uc758 \uac01\uc744 1 radian\uc73c\ub85c \uc815\uc758\ud558\uc5ec \ud45c\ud604<\/li><\/ul>\n\n\n\n<p>\ucef4\ud4e8\ud130 \ubd84\uc57c\uc5d0\uc11c\ub294 \ubcf4\ud1b5 radian \ubc29\uc2dd\uc73c\ub85c \ud45c\ud604\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\uadf9\uc88c\ud45c\uacc4<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23-1024x578.png\" alt=\"\" class=\"wp-image-46254\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23-1024x578.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23-300x169.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23-768x433.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23-1536x867.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.35.23.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uadf9\uc88c\ud45c\uacc4\ub294 \ud3c9\uba74 \uc704\uc758 \uc704\uce58\ub97c \uac01\ub3c4\uc640 \uac70\ub9ac\ub97c \uc368\uc11c \ub098\ud0c0\ub0b4\ub294 2\ucc28\uc6d0 \uc88c\ud45c\uacc4\uc785\ub2c8\ub2e4. \uc548\ub4dc\ub85c\uc774\ub4dc \uce94\ubc84\uc2a4\uc640 \uac19\uc740 \uc9c1\uad50 \uc88c\ud45c\uacc4\uc5d0\uc11c \ubcf5\uc7a1\ud558\uac8c \ud45c\ud604\ub418\ub294 \uc218\uc2dd\uc774, \uadf9\uc88c\ud45c\uacc4\uc5d0\uc11c\ub294 \uac04\ub2e8\ud558\uac8c \ud45c\ud604\ub418\uae30\ub54c\ubb38\uc5d0 \ub9ce\uc774 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uadf9\uc88c\ud45c\uacc4\ub97c \uc0ac\uc6a9\ud558\ub294 \ub2e4\uc74c \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45-1024x575.png\" alt=\"\" class=\"wp-image-46259\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.40.45.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc815\uc624\uac01\ud615\uc744 \uadf9\uc88c\ud45c\uacc4\uc5d0\uc11c\ub294 \uc27d\uac8c \uadf8\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc624\uac01\ud615\uc774\ub2c8, 360\ub3c4\ub97c \uae30\uc900\uc73c\ub85c \ub098\ub204\uae30 5\ub97c \ud558\uc5ec \ucd08\uae30 \uac01\ub3c4\ub85c\ubd80\ud130 72\ub3c4\uc529 \ub298\ub824\uac00\uba70 \uc6d0\uc758 \ubc18\uc9c0\ub984\uc5d0 \ud574\ub2f9\ud558\ub294 \uc9c0\uc810\uc5d0 \uc815\uc810\uc744 \ucc0d\uace0 \uac01 \uc815\uc810\ub4e4\uc744 \uc774\uc5b4\uc8fc\uba74 \uc218\ud559\uc801\uc73c\ub85c \uc644\ubcbd\ud55c \uc815\uc624\uac01\ud615\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud074\ub9ad \uc601\uc5ed \ud310\ubcc4<\/h2>\n\n\n\n<p>\ube68\uac04\uc0c9\uc5d0 \ud574\ub2f9\ud558\ub294 \ubd80\ubd84\ub9cc \ud074\ub9ad\ub418\uac8c \uc5b4\ub5bb\uac8c \ud574\uc57c\ud560\uae4c\uc694? \uc880 \ub354 \ud06c\uac8c \ud655\ub300\ud574\uc11c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40-1024x575.png\" alt=\"\" class=\"wp-image-46262\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.43.40.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"575\" src=\"https:\/\/www.charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35-1024x575.png\" alt=\"\" class=\"wp-image-46263\" srcset=\"https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35-1024x575.png 1024w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35-300x168.png 300w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35-768x431.png 768w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35-1536x863.png 1536w, https:\/\/charlezz.com\/wordpress\/wp-content\/uploads\/2022\/11\/www.charlezz.com-first-step-in-canvas-1-canvas-basics--2022-11-18--4.44.35.png 1574w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\uc6d0\uc758 \uc911\uc810\uacfc \uc0ac\uc6a9\uc790\uac00 \ud074\ub9ad\ud55c \uc601\uc5ed\uc778 \uc784\uc758\uc758 \uc815\uc810\uc774 \uc788\ub2e4\uace0 \uac00\uc815\ud574\ubd05\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\ub450 \uc810\uc744 \uc774\uc5b4 \ube57\ubcc0\uc744 \uac16\ub294 \uc9c1\uac01\uc0bc\uac01\ud615\uc744 \uc5b9\uc5b4 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4. (\uc774\uc81c \uc544\ub9c8 \uac10\uc774 \uc624\uc2e4 \ub4ef..)<\/p>\n\n\n\n<p>\ud53c\ud0c0\uace0\ub77c\uc2a4 \uc815\ub9ac\uc5d0 \ub530\ub974\uba74 \ube57\ubcc0\uc758 \uae38\uc774\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \ubc29\uc815\uc2dd\uc73c\ub85c \uad6c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li>\ube57\ubcc0 = sqrt( (\ubc11\ubcc0)^2 + (\ub192\uc774)^2 ) <\/li><\/ul>\n\n\n\n<p><strong>\uc989 \uc6d0\uc758 \ubc18\uc9c0\ub984\uc774 \uc774 \uc0bc\uac01\ud615\uc758 \ube57\ubcc0\ubcf4\ub2e4 \ud06c\ub2e4\uba74 \ud074\ub9ad\uc73c\ub85c \ud310\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uce94\ubc84\uc2a4 \uae30\ucd08 \uc774 \ud3ec\uc2a4\ud305\uc740 \uce94\ubc84\uc2a4\uc758 \uc804\ubc18\uc801\uc778 \uae30\ucd08\uc5d0 \ub300\ud574\uc11c \uc694\uc57d\ud569\ub2c8\ub2e4. \uce94\ubc84\uc2a4 \uc88c\ud45c\uacc4 \uc548\ub4dc\ub85c\uc774\ub4dc\uc758 \uce94\ubc84\uc2a4\ub294 \ub2e4\ub978 \uc88c\ud45c\uacc4\ub4e4\uacfc \ub2ec\ub9ac \uc88c\uce21 \uc0c1\ub2e8\uc744 \uc6d0\uc810\uc73c\ub85c \ud558\uc5ec&nbsp;\uac12\uc774 \uc6b0\uce21 \ud558\ub2e8 \ubc29\ud5a5\uc73c\ub85c \uc99d\uac00\ud569\ub2c8\ub2e4. \uc0ac\uac01\ud615 \uadf8\ub824\ubcf4\uae30 \uc774 \uce94\ubc84\uc2a4\uc758 \uc815\uc911\uc559\uc5d0 \uc0ac\uac01\ud615\uc744 \ud558\ub098 \uadf8\ub9ac\uae30 \uc704\ud574\uc11c\ub294 \ub450 \uc810\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ub450 \uc810\uc740 \uac01\uac01 (x1,y1), (x2,y2)\ub85c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub450 \uc810 \ub300\uc2e0 \ud558\ub098\uc758 \uc810(x1,y1)\uacfc \ud568\uaed8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[38,24],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46233"}],"collection":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46233"}],"version-history":[{"count":5,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46233\/revisions"}],"predecessor-version":[{"id":46267,"href":"https:\/\/charlezz.com\/index.php?rest_route=\/wp\/v2\/posts\/46233\/revisions\/46267"}],"wp:attachment":[{"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=46233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/charlezz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=46233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}