{"id":13250,"date":"2017-02-14T01:49:35","date_gmt":"2017-02-13T16:49:35","guid":{"rendered":"http:\/\/13.125.82.244\/?p=13250"},"modified":"2017-02-14T01:53:43","modified_gmt":"2017-02-13T16:53:43","slug":"%ec%9d%b4%eb%b2%88%ec%a3%bc%ec%97%90-%eb%a7%8c%eb%82%9c-%eb%a7%a4%eb%a0%a5%ec%a0%81%ec%9d%b8-%eb%94%94%ec%9e%90%ec%9d%b8%ed%88%b4-3","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/%ec%9d%b4%eb%b2%88%ec%a3%bc%ec%97%90-%eb%a7%8c%eb%82%9c-%eb%a7%a4%eb%a0%a5%ec%a0%81%ec%9d%b8-%eb%94%94%ec%9e%90%ec%9d%b8%ed%88%b4-3\/","title":{"rendered":"\uc774\ubc88\uc8fc\uc5d0 \ub9cc\ub09c \ub9e4\ub825\uc801\uc778 \ub514\uc790\uc778\ud234 4"},"content":{"rendered":"

 <\/p>\n

\ub514\uc790\uc778\uc744 \uacc4\uc18d \uacf5\ubd80\ud574\uc57c\ub9cc \ud558\ub294 \uc774\uc720<\/span><\/strong><\/p>\n

\uc5ec\uc804\ud788 \ub514\uc790\uc778\uc740 \uae30\ud68d\uc790\uc778 \uc81c\uac8c \uc5b4\ub824\uc6b4 \ubd84\uc57c\uc774\uc9c0\ub9cc, \uafb8\uc900\ud788 \uad00\uc2ec\uc744 \uac16\uace0 \uacf5\ubd80\ub97c \ud558\uace0 \uc2f6\uc740 \ubd84\uc57c\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. \ub514\uc790\uc778\ub3c4 \uc138\ubd80\uc801\uc73c\ub85c, \ub2e8\uacc4\uc801\uc73c\ub85c \uc811\uadfc\ud574\uc57c\ud560 \ub2e4\uc591\ud55c \ubd84\uc57c\uac00 \uc874\uc7ac\ud558\uc9c0\ub9cc\uc694. \ub514\uc790\uc778\uc740 \ub514\uc790\uc774\ub108\uac00 \ud558\uba74 \ub418\uc9c0, \ub77c\ub294 \uc544\uc8fc \ub2e8\uc21c \ubb34\uc2dd\ud55c \uc0dd\uac01\uc744 \ubc14\uafb8\uac8c \ub41c \uacc4\uae30\ub294 ‘\ucc3d\uc5c5’\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ub514\uc790\uc774\ub108\uc640 \uc9c1\uc811\uc801\uc73c\ub85c \ubd80\ub52a\ud788\uba70 \uc77c\uc744 \ud574\ubcf8 \uac83\uc740 \ucc98\uc74c\uc774\uc5c8\uace0, \uc774\ub85c \uc778\ud574 \ub514\uc790\uc774\ub108\ub97c \uc798 \uc774\ud574\ud558\uc9c0 \ubabb\ud55c \uc800\ub294 \uacb0\uad6d \ub514\uc790\uc774\ub108\uc758 ‘\ubd80\uc7ac’\ub77c\ub294 \uc0c1\ud669\uc744 \ub9de\uc774\ud574\uc57c\ub9cc \ud588\uc2b5\ub2c8\ub2e4. \uadf8\ub54c, \uae09\ud558\uac8c \uc18d\uc131\uc73c\ub85c \uc778\ub514\uc790\uc778 \ub4f1\uc758 \ub514\uc790\uc778 \ud234\uc744 \ubc30\uc6b0\uba70 \ub9e4\uac70\uc9c4\uc744 \uc9c1\uc811 \uc81c\uc791\ud574\ubcf4\uae30\ub3c4 \ud558\uace0, \ubc15\uc2a4\uac00 \ud3ec\ud568\ub41c \ud328\ud0a4\uc9c0 \ub514\uc790\uc778\uc744 \ud558\uba70 \uc870\uae08\uc529 \uae30\ud68d\uc790\uc758 \uc2dc\uac01\uc774 \uc544\ub2cc \ub514\uc790\uc774\ub108\uc758 \uc2dc\uac01\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\ub97c \ubc14\ub77c\ubcf4\ub294 \ubc29\ubc95\uc744 \ubc30\uc6b8 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \uacb0\uc815\uc801\uc73c\ub85c \ub124\uc774\ubc84\uc5d0\uc11c \uc9c4\ud589\ud558\ub294 UXDP\uc5d0 \ucc38\uc5ec\ud558\uba70 \ub2e8\uc21c \ubd84\ub958\uc778 ‘\ub514\uc790\uc774\ub108’\ub77c\ub294 \uac1c\ub150\uc774 \uc544\ub2c8\ub77c UX\/UI \ub514\uc790\uc778, BX \ub514\uc790\uc778, GUI \ub514\uc790\uc778 \ub4f1\uc758 \uac1c\ub150\uacfc \uc5ed\ud560\uc744 \uc774\ud574\ud560 \uc218 \uc788\uc5c8\uc8e0. \uc9c0\uae08\ub3c4 \uc800\ub294 \ub514\uc790\uc774\ub108\uc640 \uc77c\uc744 \ud558\uace0 \uc788\uace0, \uc55e\uc73c\ub85c\ub3c4 \ub514\uc790\uc774\ub108\uc640 \uc77c\uc744 \ud560 \uc218 \ubc16\uc5d0 \uc5c6\uae30\uc5d0 – \uacf5\ubd80\ub97c \uacc4\uc18d \ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc591\ud55c \ud234\uc744 \ud65c\uc6a9\ud574\ubcf4\ub294 \uac83 \uc5ed\uc2dc \uadf8 \uacfc\uc815\uc758 \uc77c\ubd80\ub77c\uace0 \ud560 \uc218 \uc788\uc744 \uac83 \uac19\ub124\uc694 \ud83d\ude42 \uc9c0\ub09c \ucf58\ud150\uce20\ub4e4\uc744 \uc0b4\ud3b4\ubcf4\ub2c8 \ub514\uc790\uc778 \ud234\uc744 \uc18c\uac1c\ud558\ub294 \uac83\uc740 \uc815\ub9d0 \uc624\ub79c\ub9cc\uc778 \uac83 \uac19\uc2b5\ub2c8\ub2e4.\u00a0<\/span><\/p>\n

 <\/p>\n

\uccab \ubc88\uc9f8, Lottie<\/span><\/strong><\/p>\n

\u00a0<\/a><\/p>\n

<\/a><\/p>\n

\uc624\ub298 \uccab \ubc88\uc9f8\ub85c \uc18c\uac1c\ub4dc\ub9b4 \ub514\uc790\uc778 \uad00\ub828 \ud234\uc740 ‘Airbnb’\uac00 \uacf5\uac1c\ud55c ‘Lottie’\uc785\ub2c8\ub2e4. ‘Adobe’\uc758 ‘After Effects’\ub97c \ud65c\uc6a9\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \ub79c\ub354\ub9c1 \ud574\uc8fc\ub294 \ud234\uc73c\ub85c, \u00a0iOS\uc640 Android\ub294 \ubb3c\ub860 React Native\uc5d0\uc11c \ud65c\uc6a9\uac00\ub2a5\ud55c \uc560\ub2c8\uba54\uc774\uc158 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc81c\uacf5\ud574\uc90d\ub2c8\ub2e4. \ucd5c\uadfc \uc2e0\uaddc \uc720\uc800\ub97c \uc704\ud55c \uc628\ubcf4\ub529 \uacfc\uc815 \uc911, \ud29c\ud1a0\ub9ac\uc5bc\uc774\ub098 \uc2a4\ud50c\ub798\uc2dc\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud65c\uc6a9\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc544\uc9c0\uace0 \uc788\ub294\ub370\uc694! \ubcf4\ud1b5\uc740\u00a0\ud654\uba74 \ud06c\uae30\uc5d0 \ub9de\ub294 \uc5ec\ub7ec \uc774\ubbf8\uc9c0\uc640 \ud568\uaed8 \uc218\ub9ce\uc740 \ucf54\ub4dc\ub97c \uc791\uc131\ud574\uc57c \ud558\ub294\ub370, ‘Lottie’\ub97c \ud65c\uc6a9\ud558\uba74 \uc624\ud508 \uc18c\uc2a4\ub97c \ud65c\uc6a9\ud558\uc5ec \ud48d\ubd80\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc27d\uac8c \uc801\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/span>‘Lottie’\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uacbd\uc6b0 ‘bodymovin’\uc774\ub77c\uace0 \ubd88\ub9ac\ub294 ‘After Effects’\uc5d0 \uc758\ud574 \ucd9c\ub825\ub41c ‘Json<\/a>‘\uc744 \uae30\ubc18\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc73c\uba70, ‘shape layers, masks, alpha mattes, trim paths, dash patterns’ \ub4f1\uc758 \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc544\uc9c1\uc740 \ucd08\uae30 \ub2e8\uacc4\ub77c \ub9ce\uc740 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uc9c0 \uc54a\uc9c0\ub9cc, ‘Airbnb’\uac00 \ubc1d\ud78c ‘Lottie’\uc758 \ubaa9\ud45c\ub294 \uac00\ub2a5\ud55c \ud55c \ub9ce\uc740 ‘After Effects’ \uae30\ub2a5\uc744 \uc9c0\uc6d0\ud558\uc5ec \ub2e8\uc21c\ud788 \ud2b9\uc815 \uc544\uc774\ucf58\uc744 \uc704\ud55c \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc544\ub2cc \uadf8 \uc774\uc0c1\uc758 \uac83\uc744 \ub9cc\ub4e4\uace0 \uc801\uc6a9\ud560 \uc218 \uc788\ub294 \uac83\uc774\ub77c\uace0 \ud569\ub2c8\ub2e4. \uc9c0\uae08\ub3c4 \ub9c8\uc74c\uc5d0 \uc3d9 \ub4e4\uc9c0\ub9cc, \uc55e\uc73c\ub85c\uac00 \ub354\uc6b1 \uae30\ub300\ub418\ub294 \ud234\uc774 \uc544\ub2d0\uae4c \uc2f6\ub124\uc694!<\/span><\/p>\n

 <\/p>\n

\ub450 \ubc88\uc9f8, WebGradients<\/strong><\/span><\/p>\n

<\/a><\/p>\n

 <\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\ub450 \ubc88\uc9f8\ub85c \uc18c\uac1c\ub4dc\ub9b4 \uc11c\ube44\uc2a4\ub294 ‘WebGradients’\ub85c, \uc6f9 \ub610\ub294 \ubaa8\ubc14\uc77c \ub514\uc790\uc778\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ubc30\uacbd(\uadf8\ub77c\ub514\uc5b8\ud2b8) 180\uac1c\ub97c \uc81c\uacf5\ud574\uc90d\ub2c8\ub2e4. \uc6d0\ud558\ub294 \ubc30\uacbd\uc744 \uc120\ud0dd\ud558\uba74 \uc790\uc138\ud55c \ub0b4\uc6a9\uc744 \uc0b4\ud3b4\ubcfc \uc218 \uc788\uc73c\uba70,\u00a0PNG \ud30c\uc77c\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ub294 \ubb3c\ub860, CSS \ucf54\ub4dc\ub97c \ubcf5\uc0ac\ud558\uc5ec \ubc14\ub85c \uc801\uc6a9\uc744 \ud574\ubcf4\ub294 \uac83\ub3c4 \uac00\ub2a5\ud558\uc8e0. \ub610\ud55c PSD\uc640 \uc2a4\ucf00\uce58 \ud615\ud0dc(\uc720\ub85c)\ub85c 180\uac1c\uc758 \ubc30\uacbd\uc744 \ud55c\uaebc\ubc88\uc5d0 \ub2e4\uc6b4\ub85c\ub4dc \ubc1b\uc544 \ub514\uc790\uc778 \uc791\uc5c5 \ubc0f \uacfc\uc815\uc5d0\uc11c \uc0ac\uc6a9\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. 180\uac1c\ub97c \ubaa8\ub450 \uc0ac\uc6a9\ud574\ubcf4\uace0 \uc2f6\uc744\ub9cc\ud07c \ud004\ub9ac\ud2f0\uac00 \uc88b\uc544 \uc800\ub3c4 \ud55c \ubc88\uc529 \ub4e4\uc5b4\uac00 \ud655\uc778\ud574\ubcf4\uace0 \ud14c\uc2a4\ud2b8\ub97c \ud574\ubcf4\uace0 \uc788\ub124\uc694 \ud83d\ude42<\/span><\/p>\n

 <\/p>\n

\uc138 \ubc88\uc9f8,\u00a0Mockuuups<\/strong><\/span><\/p>\n

<\/a><\/p>\n

\"\"<\/p>\n

\uc571\uc744 \uc18c\uac1c\ud558\ub294\ub370 \uc788\uc5b4 \ub2e4\uc591\ud55c \ubaa9\uc5c5\uc744 \ud65c\uc6a9\ud558\ub294 \uac83\uc740 \uc815\ub9d0 \uc911\uc694\ud55c \uc694\uc18c \uc911 \ud558\ub098\uc9c0\ub9cc \uc801\ud569\ud55c \ubaa9\uc5c5\uc744 \ucc3e\uace0, \uac70\uae30\uc5d0 \ub9de\ucdb0 \uc571 \ub610\ub294 \uc11c\ube44\uc2a4 \ud654\uba74\uc744 \ub4f1\ub85d\ud558\ub294 \uac83\uc774 \uadf8\ub9ac \uc26c\uc6b4 \uc77c\uc740 \uc544\ub2d9\ub2c8\ub2e4. \uadf8\ub807\uac8c \uc54c\uac8c\ub41c \u00a0‘Mockuuups’\uc758 \uacbd\uc6b0 \uc708\ub3c4\uc6b0 \ub610\ub294 \ub9e5\uc5d0\uc11c \uc0ac\uc6a9\uac00\ub2a5\ud55c \uc11c\ube44\uc2a4\ub85c \ub2e4\uc591\ud55c \ubaa9\uc5c5\uc5d0 \uc6d0\ud558\ub294 \uc774\ubbf8\uc9c0\ub97c \ubc14\ub85c \uc0bd\uc785\ud574 \ud55c \ub208\uc5d0 \ud655\uc778\uc774 \uac00\ub2a5\ud558\uba70, \ubc14\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ub97c \ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc8fc\ub294 \uc544\uc8fc \uc720\uc6a9\ud55c \ud234\uc785\ub2c8\ub2e4. \ubb34\ub8cc\ub85c\ub3c4 \uc0ac\uc6a9 \uac00\ub2a5\ud558\uc9c0\ub9cc, \uc6d4 5\ub2ec\ub7ec\ub97c \uacb0\uc81c\ud560 \uacbd\uc6b0 \ud504\ub9ac\ubbf8\uc5c4 \ucf5c\ub809\uc158\uc774\ub77c\ub294 \uc774\ub984\uc73c\ub85c \uc81c\uacf5\ub418\ub294 \uc0c9\ub2e4\ub978 \ubaa9\uc5c5\uc744 \uc81c\uacf5\ud574\uc8fc\uba70 \ud3ec\ud1a0\uc0f5\uacfc \uc2a4\ucf00\uce58\ub85c \ubd88\ub7ec\uc640 \uc791\uc5c5\uc744 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \u00a0<\/span><\/p>\n

 <\/p>\n

\ub124 \ubc88\uc9f8, Httpster<\/strong><\/span><\/p>\n

<\/a><\/p>\n

\"\"<\/p>\n

\uc624\ub298 \ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc18c\uac1c\ub4dc\ub9b4 \uc11c\ube44\uc2a4\ub294 ‘Httpster’\uc785\ub2c8\ub2e4. \uc6d4 \ubcc4\ub85c \uc778\uc0c1\uc801\uc778 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uc18c\uac1c\ud574\uc8fc\ub294 \uacf3\uc73c\ub85c, \uc27d\uac8c \uc811\ud560 \uc218 \uc5c6\ub294 \uc778\uc0c1\uc801\uc774\uace0 \uc0c9\ub2e4\ub978 \uacf3\ub9cc\uc744 \ud050\ub808\uc774\uc158 \ud574\uc8fc\uae30\uc5d0 \ud55c \ubc88\uc529 \ub4e4\uc5b4\uac00 \uad6c\uacbd\ud558\uae30\uc5d0 \ub354\uc5c6\uc774 \uc88b\uc740 \uacf3\uc774\uae30\ub3c4 \ud558\uc8e0. \ub9ac\uc2a4\ud2b8 \uc911, \uc6d0\ud558\ub294 \ub514\uc790\uc778\uc744 \uc120\ud0dd\ud558\uba74 \uc0c1\uc138 \uc815\ubcf4\ub97c \ubcfc \uc218 \uc788\uc73c\uba70 \ud574\ub2f9 \uc6f9\uc0ac\uc774\ud2b8\ub85c \ubc14\ub85c \uc774\ub3d9\ud574 \uc2e4\uc81c \ubaa8\uc2b5\uc744 \ud655\uc778\ud574\ubcfc \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc790\uccb4 \uc6f9\ub514\uc790\uc778\ub3c4 \uc815\ub9d0 \uc7ac\ubbf8\uc788\ub294\ub370\uc694! \uc624\ub978\ucabd \uc0ac\uc774\ub4dc\uc5d0 \ub208\uae08\uc73c\ub85c \uc6d4\uc744 \ud45c\uc2dc\ud558\uace0 \uc788\uc73c\uba70, \uc0ac\uc774\ub4dc \uba54\ub274\ub97c \uc120\ud0dd\ud558\uba74 \uceec\ub7ec\ud480\ud558\uac8c \uc815\ub82c\ub41c \ud0dc\uadf8\ub97c \ud655\uc778\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4 \ud83d\ude42<\/span><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

  \ub514\uc790\uc778\uc744 \uacc4\uc18d \uacf5\ubd80\ud574\uc57c\ub9cc \ud558\ub294 \uc774\uc720 \uc5ec\uc804\ud788 \ub514\uc790\uc778\uc740 \uae30\ud68d\uc790\uc778 \uc81c\uac8c \uc5b4\ub824\uc6b4 \ubd84\uc57c\uc774\uc9c0\ub9cc, \uafb8\uc900\ud788 \uad00\uc2ec\uc744 \uac16\uace0 \uacf5\ubd80\ub97c \ud558\uace0 \uc2f6\uc740 \ubd84\uc57c\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. \ub514\uc790\uc778\ub3c4 \uc138\ubd80\uc801\uc73c\ub85c, \ub2e8\uacc4\uc801\uc73c\ub85c \uc811\uadfc\ud574\uc57c\ud560 \ub2e4\uc591\ud55c \ubd84\uc57c\uac00 \uc874\uc7ac\ud558\uc9c0\ub9cc\uc694. \ub514\uc790\uc778\uc740 \ub514\uc790\uc774\ub108\uac00 \ud558\uba74 \ub418\uc9c0, \ub77c\ub294 \uc544\uc8fc \ub2e8\uc21c \ubb34\uc2dd\ud55c \uc0dd\uac01\uc744 \ubc14\uafb8\uac8c \ub41c \uacc4\uae30\ub294 ‘\ucc3d\uc5c5’\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ub514\uc790\uc774\ub108\uc640 \uc9c1\uc811\uc801\uc73c\ub85c \ubd80\ub52a\ud788\uba70 \uc77c\uc744 \ud574\ubcf8 \uac83\uc740 \ucc98\uc74c\uc774\uc5c8\uace0, \uc774\ub85c \uc778\ud574 \ub514\uc790\uc774\ub108\ub97c \uc798 \uc774\ud574\ud558\uc9c0 \ubabb\ud55c \uc800\ub294 \uacb0\uad6d […]<\/p>\n","protected":false},"author":2,"featured_media":13264,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[376,375,379,378,46,144,377,374,98],"_links":{"self":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/13250"}],"collection":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/comments?post=13250"}],"version-history":[{"count":0,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/posts\/13250\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media\/13264"}],"wp:attachment":[{"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/media?parent=13250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/categories?post=13250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/icunow.co.kr\/wp-json\/wp\/v2\/tags?post=13250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}