{"id":180185,"date":"2021-09-13T05:53:11","date_gmt":"2021-09-13T04:53:11","guid":{"rendered":"https:\/\/blog.jetbrains.com\/blog\/2021\/06\/16\/art-of-tiling-and-mind-coalescence\/"},"modified":"2021-09-13T05:53:14","modified_gmt":"2021-09-13T04:53:14","slug":"art-of-tiling-and-mind-coalescence","status":"publish","type":"blog","link":"https:\/\/blog.jetbrains.com\/ko\/blog\/2021\/09\/13\/art-of-tiling-and-mind-coalescence\/","title":{"rendered":"\ud0c0\uc77c\ub9c1\uacfc \ub9c8\uc74c\uc744 \uc735\ud569\ud558\ub294 \uc608\uc220"},"content":{"rendered":"<p>JetBrains\uac00 \ube0c\ub79c\ub529 \uadf8\ub798\ud53d\uc5d0\uc11c \ucef4\ud4e8\ud130 \uae30\uc220\uc744 \ucc98\uc74c \uad6c\ud604\ud55c \uc9c0 5\ub144\uc774 \uc9c0\ub0ac\uc2b5\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294 \uc608\uc220 \uc560\ud638\uac00\ub4e4\uc774 \ud68c\uc0ac \uc804\uccb4\uc5d0 \ubd84\uc0b0\ub41c \ubcc4\ub3c4\uc758 \ud300\uc5d0\uc11c \uc77c\ud558\uace0 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uacb0\uad6d, \uc774\ub4e4\uc740 \ud569\uc2ec\ud558\uc5ec Computational Arts Initiative(\ucef4\ud4e8\ud130 \uc544\ud2b8 \uc774\ub2c8\uc154\ud2f0\ube0c)\ub77c\uace0 \ud558\ub294 \ud300\uc744 \uad6c\uc131\ud588\uc2b5\ub2c8\ub2e4. \uadf8 \uc774\ud6c4\ub85c, \uc544\ud2b8 \uc0dd\uc131\uc740 \uc6b0\ub9ac \ub514\uc790\uc778 \uacfc\uc815\uc758 \uc911\uc694\ud55c \ubd80\ubd84\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ub2e4\uc591\ud55c \uc218 \ub9ce\uc740 \uc54c\uace0\ub9ac\uc998\uacfc \uae30\uc220\ub85c \uc2e4\ud5d8\ud588\uace0 <a class=\"ek-link\" href=\"https:\/\/blog.jetbrains.com\/team\/2017\/02\/08\/the-art-of-code-visualized\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">\uc6b0\uc8fc \ubcc4\uc790\ub9ac<\/a>\uc640 <a class=\"ek-link\" href=\"https:\/\/blog.jetbrains.com\/blog\/2019\/12\/10\/a-work-of-desktop-art\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">\uc720\uccb4 \uba54\ud0c0\ubcfc<\/a>\uc744 \uc0ac\uc6a9\ud574 \ubd24\uc73c\uba70, \uc2ec\uc9c0\uc5b4 <a class=\"ek-link\" href=\"https:\/\/blog.jetbrains.com\/team\/2018\/12\/11\/coding-the-art-continued\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">\ubcf4\ub85c\ub178\uc774 \uc54c\uace0\ub9ac\uc998<\/a> \ubc0f <a class=\"ek-link\" href=\"https:\/\/blog.jetbrains.com\/blog\/2020\/09\/29\/intelligent-code-art\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">\uc2e0\uacbd\ub9dd<\/a>\uae4c\uc9c0\ub3c4 \uc2dc\ub3c4\ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc62c\ud574\uc5d0\ub294 <a class=\"ek-link\" href=\"https:\/\/code2art.jetbrains.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Tiler<\/a>\ub77c\uace0 \ud558\ub294 \uc0c8\ub85c\uc6b4 \uadf8\ub798\ud53d \uc0dd\uc131\uae30\ub97c \uac1c\ubc1c\ud588\uc2b5\ub2c8\ub2e4. \uc774\ubbf8 \uc774\ub984\uc5d0\uc11c \ucd94\uc815\ud560 \uc218 \uc788\ub4ef\uc774, \uc774 \uc0dd\uc131\uae30\ub294 \ubb34\uc791\uc704\ub85c \ubd84\uc0b0\ub41c \ud0c0\uc77c \uadf8\ub9ac\ub4dc\ub97c \uae30\ubc18\uc73c\ub85c \ud569\ub2c8\ub2e4. \ud0c0\uc77c\uc740 \ud398\uc774\uc9c0\ub97c \ub2e4\uc2dc \ub85c\ub4dc\ud560 \ub54c\ub9c8\ub2e4 \ub2e4\ub978 \ud328\ud134 \uc774\ubbf8\uc9c0\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154832\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/cover-2400x1200.png\" alt=\"\" width=\"2400\" height=\"1200\"><\/figure>\n<p style=\"text-align: center;\"><a class=\"jb-download-button\" title=\"\uc544\ud2b8\uc6cc\ud06c \uc0dd\uc131\uae30 \ud0d0\uc0c9\" href=\"https:\/\/www.jetbrains.com\/company\/brand\/desktop-art\/\" target=\"_blank\" rel=\"noopener noreferrer\">\ub370\uc2a4\ud06c\ud1b1 \uc544\ud2b8 \ud0d0\uc0c9<\/a><\/p>\n<p class=\"has-text-align-left\">Tiler\uc5d0\uc11c \ubaa8\ub4e0 \ud0c0\uc77c\uc740 \uc2a4\ud0c0\uc77c\uacfc \ud3ec\ud568\ub41c \ubaa8\uc591\uc5d0 \ub530\ub77c \uc138\ud2b8\ub85c \uadf8\ub8f9\ud654\ub429\ub2c8\ub2e4. \uc774 \ud0c0\uc77c\uc138\ud2b8\ub294 \ub2f9\uc0ac\uc758 \uadf8\ub798\ud53d \ub514\uc790\uc774\ub108\uac00 \uc218\ub3d9\uc73c\ub85c \uac1c\ubc1c\ud588\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uac1c\uc778\uc758 \uc608\uc220\uc801 \ud45c\ud604\uc744 \ucef4\ud4e8\ud130 \ud0c0\uc77c\ub9c1 \uc54c\uace0\ub9ac\uc998\uacfc \uacb0\ud569\ud558\ub294 \ud611\uc5c5 \uc811\uadfc \ubc29\uc2dd\uc744 \uad6c\ud604\ud558\ub294 \uc2e4\ud5d8\uc744 \ud588\uc2b5\ub2c8\ub2e4. \uac1c\ubcc4\uc801 \ub2e8\uc0c9\uc758 \ud0c0\uc77c\uc774 \uac15\ub825\ud55c \ucf54\ub4dc\uc758 \uae30\ub2a5\uc73c\ub85c \ud1b5\uc77c\ub418\uc5b4 \uc0dd\uc0dd\ud55c \uc608\uc220 \uc791\ud488\uc73c\ub85c \ubcc0\ubaa8\ud558\ub294 \uacfc\uc815\uc744 \uc9c0\ucf1c\ubcf4\ub294 \uac83\uc740 \uc7ac\ubbf8\uc788\uace0 \ud765\ubbf8\uc9c4\uc9c4\ud588\uc2b5\ub2c8\ub2e4. \ub3d9\uc2dc\uc5d0, \uac01 \ud0c0\uc77c\uc138\ud2b8\ub294 \ub514\uc790\uc778\ud55c \uc0ac\ub78c\uc758 \uc608\uc220\uc801 \ube44\uc804\uc744 \ubc18\uc601\ud569\ub2c8\ub2e4. \uae30\ud558\ud559\uc801\uc774\uace0 \ubcf5\uc7a1\ud55c \ud0c0\uc77c\uc774 \uc788\ub294\uac00 \ud558\uba74 \ubcf4\ub2e4 \ubbf8\ub2c8\uba40\uc744 \uac15\uc870\ud55c \ud0c0\uc77c\ub3c4 \uc788\uace0, \uace1\uc120\ubbf8\uc640 \ud568\uaed8 \uc720\uae30\uc801\uc778 \ud0c0\uc77c\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154861\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Tilesets-2400x1113.png\" alt=\"\" width=\"2400\" height=\"1113\"><figcaption><em>\uc18c\uc2a4 \ud0c0\uc77c\uc138\ud2b8\uc758 \uc77c\ubd80(\uc67c\ucabd \uc0c1\ub2e8\uc5d0\uc11c \uc624\ub978\ucabd \ud558\ub2e8 \uc21c): Douglas, Lem, Deleuze, Phondke, Eliott, Benjamin, King<\/em><\/figcaption><\/figure>\n<p>Tiler\uc758 \uc778\ud130\ud398\uc774\uc2a4\uc5d0\uc11c <em>Tile(\ud0c0\uc77c)<\/em>\uc744 \uc120\ud0dd\ud558\uace0 \ub2e4\uc591\ud55c \ud0c0\uc77c\uc138\ud2b8\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uace0 <em>Randomness(\uc784\uc758\uc131)<\/em>\uc5d0\uc11c \ud0c0\uc77c \ub2e4\uc591\uc131\uc744 \uc81c\ud55c\ud55c \ub2e4\uc74c, \uc544\ud2b8\ubcf4\ub4dc\uc5d0\uc11c \ud0c0\uc77c\uc744 \uc11e\uac70\ub098 \uc120\ud0dd\ud55c \ud0c0\uc77c\uc138\ud2b8 \ub0b4\uc5d0\uc11c \ud0c0\uc77c\uc744 \uc0c8\ub85c \uace0\uce68\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154885\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Hyperspace-2400x1141.png\" alt=\"\" width=\"2400\" height=\"1141\"><p><\/p>\n<figcaption><em>\ud558\uc774\ud37c\uc2a4\ud398\uc774\uc2a4(Benjamin \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\uc0c9\uc0c1<\/p>\n<p>\uc54c\ub2e4\uc2dc\ud53c, \ucc44\uc0c9\uc744 \ub2f4\ub2f9\ud558\ub294 \ub450 \uac1c\uc758 \ub2e4\ub978 \uc54c\uace0\ub9ac\uc998\uc774 \uc788\uc73c\ubbc0\ub85c \ud0c0\uc77c\uc758 \ud615\ud0dc\uc640 \uc0c9\uc0c1 \uc0ac\uc774\uc5d0\ub294 \uc885\uc18d\uc131\uc774 \uc5c6\uc2b5\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \uac01 \ud0c0\uc77c\uc740 \uc778\uc811\ud55c \ud0c0\uc77c\uc758 \uc0c9\uc0c1\uc5d0 \uad00\uacc4 \uc5c6\uc774 \uac1c\ubcc4\uc801\uc73c\ub85c \ucc44\uc6cc\uc9d1\ub2c8\ub2e4. \uc5ec\uae30\uc11c \uac01 \ud0c0\uc77c\uc5d0 \uc784\uc758\uc758 \uc0c9\uc0c1\uc744 \uc9c0\uc815\ud558\uace0 \ub2e4\ub978 \uac83\uc740 \uc9c0\uc815\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \ubcf4\ub2e4 \ubd80\ub4dc\ub7ec\uc6b4 \uacb0\uacfc\ub97c \uc6d0\ud558\ub294 \uacbd\uc6b0 <em>Randomness(\uc784\uc758\uc131)<\/em>\uc744 \uc120\ud0dd\ud558\uace0 \ub300\uc2e0 \uadf8\ub77c\ub370\uc774\uc158\uc744 \ucf1c\uc11c \uc0c9\uc744 \ucc44\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc635\uc158\uc744 \uc120\ud0dd\ud558\uba74 \ud384\ub9b0 \ub178\uc774\uc988 \uc54c\uace0\ub9ac\uc998\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc6b0\uc544\ud55c \uc0c9\uc0c1 \uc804\ud658\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <em>Gradient size(\uadf8\ub77c\ub370\uc774\uc158 \ud06c\uae30)<\/em> \ucee8\ud2b8\ub864\uc744 \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub77c\ub370\uc774\uc158 \ud328\ud134\uc758 \ud06c\uae30\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uace0, \ud3ed\uc774 \ub113\uc740 \uac83\uc5d0\uc11c \uc57d\uac04 \uac70\uce5c \uc785\uc790\uae4c\uc9c0 \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154896\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Rhizome-2400x1138.png\" alt=\"\" width=\"2400\" height=\"1138\"><p><\/p>\n<figcaption><em>\ub9ac\uc880(Deleuze \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p>\uc0c9\uc0c1\uc774 \ub354 \ud544\uc694\ud558\ub2e4\uace0 \uc0dd\uac01\ub418\uba74, \uc5b8\uc81c\ub4e0\uc9c0 <em>Color(\uc0c9\uc0c1)<\/em> \uc139\uc158\uc758 \ubc30\uacbd\uc744 \ubcc0\uacbd\ud558\uace0 \uc138 \uac00\uc9c0 \uc0c9\uc0c1 \uc911 \ud558\ub098\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <em>Mix(\ud63c\ud569)<\/em> \ubc0f <em>Base color(\uae30\ubcf8 \uc0c9\uc0c1)<\/em> \ub9e4\uac1c\ubcc0\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \ucc44\ub3c4\uc640 \ubc1d\uae30\ub97c \uc870\uc808\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154909\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Sunshine-2400x1138.png\" alt=\"\" width=\"2400\" height=\"1138\"><p><\/p>\n<figcaption><em>\uc120\uc0e4\uc778(Gombrich \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\ud06c\uae30<\/p>\n<p>\uc0c9\uc0c1\uacfc \ubcc4\uac1c\ub85c, \ud0c0\uc77c \ud06c\uae30\ub294 \uc544\ud2b8\uc6cc\ud06c\ub97c \uc644\uc804\ud788 \ubc14\uafc0 \uc218 \uc788\ub294 \ub610 \ub2e4\ub978 \uc911\uc694\ud55c \uae30\ub2a5\uc785\ub2c8\ub2e4. <em>Sizes(\ud06c\uae30)<\/em> \ucc3d\uc744 \uc5f4\uba74, \uc804\uccb4 \ud0c0\uc77c \uc140\uc758 \ud06c\uae30\ub97c \uc218\uc815\ud558\uac70\ub098, \uadf8 \uc548\uc758 \ud615\ud0dc \ud06c\uae30\ub97c \uc870\uc808\ud558\uac70\ub098, \ub610\ub294 \ub450 \uac1c\uc758 \ucee8\ud2b8\ub864\uc744 \ubaa8\ub450 \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \ud615\ud0dc \ud06c\uae30\uc5d0 \ub300\ud574 \ub354 \ub192\uc740 \uac12\uc744 \uc801\uc6a9\ud558\uc5ec \uc2e4\ud5d8\ud574 \ubcf4\uc138\uc694. \uadf8 \uacb0\uacfc\ub97c \ubcf4\uba74 \ub180\ub77c\uc2e4\uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154922\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Summer-Blossom-2400x1138.png\" alt=\"\" width=\"2400\" height=\"1138\"><p><\/p>\n<figcaption><em>\uc378\uba38 \ube14\ub77c\uc378(Lem \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\ub2e8\uc77c \ud0c0\uc77c \ubcc0\uacbd<\/p>\n<p>\uc704\uc5d0\uc11c \uc5b8\uae09\ud55c \ubaa8\ub4e0 \ub9e4\uac1c \ubcc0\uc218\ub294 \uadf8\ub9ac\ub4dc\uc758 \ubaa8\ub4e0 \ud0c0\uc77c\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce69\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \uc774\ub7f0 \uad81\uae08\uc99d\uc774 \uc0dd\uae38\uc9c0\ub3c4 \ubaa8\ub974\uc8e0: &#8220;\uc800 \ud0c0\uc77c \ud558\ub098\ub9cc \ubc14\uafb8\uba74 \uc5b4\ub5a8\uae4c?&#8221;. \ud2b9\uc815 \ud30c\uc77c \ud558\ub098\ub9cc \ud074\ub9ad\ud558\uba74 \uc190\uc27d\uac8c \ubc14\uafc0 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \ud0c0\uc77c\uc740 \ub3d9\uc77c\ud55c \ud0c0\uc77c\uc138\ud2b8\uc5d0\uc11c\uc758 \ub2e4\ub978 \ud0c0\uc77c\ub85c \uad50\uccb4\ub429\ub2c8\ub2e4. \uc138\ud2b8\uc758 \ub9c8\uc9c0\ub9c9 \ud0c0\uc77c\uc5d0 \ub3c4\ub2ec\ud558\uba74 \ucd08\uae30 \ud0c0\uc77c\ub85c \ub3cc\uc544\uac00\uc11c \ub2e4\uc2dc \uc2dc\uc791\ud558\uc138\uc694. \ub610\ub294 <em>Click action(\ud074\ub9ad \uc561\uc158)<\/em>\uc5d0\uc11c \ubcc0\uacbd\ud560 \ub610 \ub2e4\ub978 \ub9e4\uac1c\ubcc0\uc218\ub97c \uc124\uc815\ud558\uace0 <em>Rotate(\ud68c\uc804)<\/em> \ub610\ub294 <em>Change opacity(\ubd88\ud22c\uba85\ub3c4 \ubcc0\uacbd)<\/em>\uc744 \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\uc81c \ub2e4\uc74c\uc5d0 \ud0c0\uc77c\uc744 \ud074\ub9ad\ud558\uba74 \ud0c0\uc77c\uc774 \ud68c\uc804\ud558\uac70\ub098 \ub2e4\uc18c \ubd88\ud22c\uba85\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154935\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Celebration-2400x1139.png\" alt=\"\" width=\"2400\" height=\"1139\"><p><\/p>\n<figcaption><em>\uc140\ub808\ube0c\ub808\uc774\uc158(Stephenson \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\uc544\ud2b8\uc6cc\ud06c \uc800\uc7a5<\/p>\n<p>\uc791\uc5c5\uc744 \ub9c8\uce58\uba74 \uc791\ud488\uc744 \uc800\uc7a5\ud558\uace0 \uc2f6\uc744 \ub54c \ub3c4\uc6c0\uc774 \ub418\ub294 \ud2b9\ubcc4\ud55c \uae30\ub2a5\uc774 \uc788\uc2b5\ub2c8\ub2e4. \uc6d0\ud558\ub294 \ubaa8\ub4e0 \uac83\uc744 \uc870\uc815\ud55c \ud6c4 <em>Make URL(URL \ub9cc\ub4e4\uae30)<\/em>\uc744 \ud074\ub9ad\ud558\uba74 \ud604\uc7ac \ubaa8\ub4e0 \uc0ac\uc804 \uc124\uc815\uc774 \uc800\uc7a5\ub418\uace0 \ud574\ub2f9 \uc791\ud488\uc758 URL\uc774 \uc8fc\uc18c \ud45c\uc2dc\uc904\uc5d0 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774\uc81c \ub2e4\ub978 \ud0ed\uc5d0\uc11c \ud574\ub2f9 URL\uc744 \uc5f4\uba74 Tiler\uac00 \uc0ac\uc6a9\uc790\uac00 \uc0dd\uc131\ud55c \uc774\ubbf8\uc9c0\ub97c \uc815\ud655\ud558\uac8c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc0ac\uc9c4\uc744 \uac04\ub2e8\ud788 \ub2e4\uc6b4\ub85c\ub4dc\ud560 \uc218 \uc788\ub294 \uc635\uc158\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc0dd\uc131\uae30\ub294 \ubca1\ud130 \uadf8\ub798\ud53d\uc744 \uae30\ubc18\uc73c\ub85c \ud558\ubbc0\ub85c \uc774\ubbf8\uc9c0\ub97c SVG \ud30c\uc77c\ub85c \ub0b4\ubcf4\ub0bc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154947\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/Imaginary-Land-2400x1136.png\" alt=\"\" width=\"2400\" height=\"1136\"><p><\/p>\n<figcaption><em>\uac00\uc0c1 \ud48d\uacbd(Guattari \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\uc560\ub2c8\uba54\uc774\uc158<\/p>\n<p>\uc774\uc804\uc758 \uc0dd\uc131\uae30\ucc98\ub7fc, Tiler\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ubaa8\ub4dc\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ud604\uc7ac\ub294 \uc544\uc9c1 \uc2e4\ud5d8\uc801\uc778 \uae30\ub2a5\uc774\uc9c0\ub9cc <em>Animation(\uc560\ub2c8\uba54\uc774\uc158)<\/em> \uc139\uc158\uc5d0\uc11c <em>Animate(\uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc)<\/em>\ub97c \ud074\ub9ad\ud558\uba74 \uc0ac\uc6a9\ud574 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc560\ub2c8\uba54\uc774\uc158\uc740 0\uc5d0\uc11c <em>Duration(\uae30\uac04)<\/em> \uc0ac\uc774\uc758 \uc784\uc758\uc758 \uc2dc\uac04(\ucd08) \ub3d9\uc548 \uc9c0\uc18d\ub429\ub2c8\ub2e4. \ub178\ube0c\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc774 \uac12\uc744 \uc81c\uc5b4\ud558\uace0 <em>Delay(\uc9c0\uc5f0)<\/em> \ucee8\ud2b8\ub864\uc5d0\uc11c \uac01 \uc560\ub2c8\uba54\uc774\uc158 \ub2e8\uacc4 \uc0ac\uc774\uc5d0 \uc9c0\uc5f0\uc5d0 \ub300\ud55c \ucd5c\ub300\uac12\uc744 \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-154958\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/06\/City-Lights-2400x1136.png\" alt=\"\" width=\"2400\" height=\"1136\"><p><\/p>\n<figcaption><em>\ub3c4\uc2dc \uc57c\uacbd(King \ud0c0\uc77c\uc138\ud2b8)<\/em><\/figcaption>\n<\/figure>\n<p style=\"font-size: 26px;\">\uae30\uc220 \uc138\ubd80 \uc815\ubcf4<\/p>\n<p>Tiler\ub294 \uc21c\uc804\ud788 JavaScript\ub85c \uc81c\uc791\ub418\uc5c8\uc73c\uba70 <a class=\"ek-link\" href=\"https:\/\/svgdotjs.github.io\/docs\/3.0\/\" target=\"_blank\" rel=\"noopener\">SVG.js<\/a>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub798\ud53d\uc744 \ub80c\ub354\ub9c1\ud569\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294 JavaScript \uc0ac\uc6a9\uc5d0 \ub300\ud574 \ud655\uc2e0\uc774 \uc5c6\uc5c8\uc9c0\ub9cc, \uc6f9\uc5d0\uc11c \ud0c0\uc77c\ub9c1 \uc2dc\uc2a4\ud15c\uc744 \uac1c\ubc1c\ud558\ub294 \ub370 \ub9e4\uc6b0 \uc720\uc6a9\ud558\ub2e4\ub294 \uac83\uc774 \ud655\uc778\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ubcf5\uc7a1\ud558\uac8c \uc0dd\uc131\ub418\ub294 \ube44\uc8fc\uc5bc\uc744 \ub9cc\ub4e4 \ub54c JavaScript\ub97c \ud0d0\uc0c9\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \ud765\ubbf8\ub85c\uc6b4 \uacbd\ud5d8\uc774\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc0dd\uc131\uae30 \uc790\uccb4\uc758 \uad6c\uc870\ub294 \uc804\uccb4 \ud0c0\uc77c\ub9c1 \uc2dc\uc2a4\ud15c\uc744 \uc124\uba85\ud558\ub294 \uadf8\ub9ac\ub4dc \uac1d\uccb4\uc640 \ub2e8\uc77c \ud0c0\uc77c \uad00\ub828 \uc815\ubcf4\ub97c \uc800\uc7a5\ud558\ub294 \ud0c0\uc77c \uac1d\uccb4\ub85c \uc774\ub8e8\uc5b4\uc838\uc788\uc5b4 \ub9e4\uc6b0 \uac04\ub2e8\ud569\ub2c8\ub2e4. \uba3c\uc800 Tiler\ub294 \uadf8\ub9ac\ub4dc \uac1d\uccb4\uc758 \uc778\uc2a4\ud134\uc2a4\ub97c \uc0dd\uc131\ud558\uace0 \ubaa8\ub4e0 \uae30\ubcf8 \ub9e4\uac1c\ubcc0\uc218\ub97c \uc5ec\uae30\ub85c \uc804\ub2ec\ud569\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c \uc0c9\uc0c1, \ud0c0\uc77c \ubd84\ud3ec \ubc0f \ud68c\uc804\uc5d0 \ub300\ud55c \uc784\uc758\uc758 \ub370\uc774\ud130\ub85c \uc77c\ubd80 \ud589\ub82c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c Tiler\ub294 \uc5ec\ub7ec \ud0c0\uc77c \uac1d\uccb4\ub97c \ucd08\uae30\ud654\ud569\ub2c8\ub2e4. \uac01\uac01\uc5d0\ub294 \uac1d\uccb4\uc5d0 \ud560\ub2f9\ub41c \ucc44\uc0c9\ub41c \ubca1\ud130 \ud0c0\uc77c\uc744 \ub80c\ub354\ub9c1\ud558\ub294 \ud2b9\ubcc4\ud55c \ub80c\ub354\ub9c1 \uba54\uc11c\ub4dc\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uadf8\ub7ec\ub098 \uc6d0\uc2dc SVG DOM API\ub97c \uc0ac\uc6a9\ud558\uc5ec \uadf8\ub798\ud53d\uc744 \ub80c\ub354\ub9c1\ud558\ub294 \uac83\uc740 \uc77d\uae30 \ubc0f \uc720\uc9c0 \uad00\ub9ac\uac00 \ub2e4\uc18c \uc5b4\ub835\uae30 \ub54c\ubb38\uc5d0 \uc0c1\ub2f9\ud788 \uae4c\ub2e4\ub85c\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c SVG.js\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc774 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30\ub85c \uacb0\uc815\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ubbf8\ub2c8\uba40\ud558\uace0 \uce5c\ud654\uc801\uc778 \uad6c\ubb38\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c \ucf54\ub4dc\ub97c \uc21c\uc11c\ub300\ub85c \uc720\uc9c0\ud558\uace0 \uad6c\ubb38\uc774 \uc544\ub2cc \uc544\ud2b8\uc6cc\ud06c\uc5d0 \ub300\ud574 \uc0dd\uac01\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>Tiler\uc758 \uc778\ud130\ud398\uc774\uc2a4\ub294 Elm \uc5b8\uc5b4\ub85c \ube4c\ub4dc\ub418\uace0 JavaScript\uc640 \uc644\ubcbd\ud558\uac8c \ud638\ud658\ub418\ub294 \ub2f9\uc0ac\uc758 \uc0c8\ub85c\uc6b4 UI \ub77c\uc774\ube0c\ub7ec\ub9ac\uc778 <a class=\"ek-link\" href=\"https:\/\/github.com\/computational-arts-initiative\/tron-gui\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Tron GUI<\/a>\ub97c \ud1b5\ud574 \uad6c\ub3d9\ub429\ub2c8\ub2e4. \ub530\ub77c\uc11c \ubbf8\ub798 \uc9c0\ud5a5\uc801\uc778 \ub300\uc2dc\ubcf4\ub4dc\ub97c \uc88b\uc544\ud55c\ub2e4\uba74 \uc5ec\ub7ec\ubd84\uc758 \uc571\uc5d0\uc11c\ub3c4 \uad6c\ud604\ud574 \ubcf4\uc138\uc694!<\/p>\n<p style=\"text-align: center;\"><a class=\"jb-download-button\" title=\"\uc544\ud2b8\uc6cc\ud06c \uc0dd\uc131\uae30 \ud0d0\uc0c9\" href=\"https:\/\/www.jetbrains.com\/company\/brand\/desktop-art\/\" target=\"_blank\" rel=\"noopener noreferrer\">\ub370\uc2a4\ud06c\ud1b1 \uc544\ud2b8 \ud0d0\uc0c9<\/a><\/p>\n<p>\uadf8\ub807\ub2e4\uba74, \uc774\uc81c \uc544\ud2b8\uc6cc\ud06c\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\ub294 \uac83\uc774 \uc5b4\ub5a8\uae4c\uc694? \uc5ec\ub7ec\ubd84\uc774 \ub9cc\ub4e0 \uc791\ud488\uc774 \uad81\uae08\ud569\ub2c8\ub2e4! <strong>#code2art<\/strong>\uc640 <strong>@JetBrains<\/strong> \ud0dc\uadf8\ub97c \ubd99\uc5ec \uc18c\uc15c \ubbf8\ub514\uc5b4\uc5d0\uc11c \uc5b8\uc81c\ub4e0\uc9c0 \uacf5\uc720\ud574 \uc8fc\uc138\uc694.<\/p>\n<p><em>\uac8c\uc2dc\ubb3c \uc6d0\ubb38 \uc791\uc131\uc790<\/em><\/p>\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/?s=200&#038;r=g\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":964,"featured_media":154838,"comment_status":"open","ping_status":"closed","template":"","categories":[6316,89],"tags":[3679,575],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/blog\/180185"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/users\/964"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/comments?post=180185"}],"version-history":[{"count":6,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/blog\/180185\/revisions"}],"predecessor-version":[{"id":180192,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/blog\/180185\/revisions\/180192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media\/154838"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/media?parent=180185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/categories?post=180185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/tags?post=180185"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/ko\/wp-json\/wp\/v2\/cross-post-tag?post=180185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}