{"id":5927,"date":"2024-04-14T12:47:26","date_gmt":"2024-04-14T04:47:26","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5927"},"modified":"2024-04-14T12:47:26","modified_gmt":"2024-04-14T04:47:26","slug":"construct-flip-cards-using-transforms","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/construct-flip-cards-using-transforms\/","title":{"rendered":"\ubcc0\ud658\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud50c\ub9bd \uce74\ub4dc \uad6c\uc131"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc \uc804\ubc18\uc5d0 \uac78\uccd0 \uc218\ub3d9 \ucf54\ub529 \uc5c6\uc774 CSS 3D \ubcc0\ud658\uc744 \uc0ac\uc6a9\ud558\uc5ec \uae30\ubcf8 \uce74\ub4dc \ub4a4\uc9d1\uae30 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc81c\uc791\ud558\ub294 \uae30\uc220\uc744 \ud30c\uc545\ud558\uac8c \ub429\ub2c8\ub2e4. \uce74\ub4dc \ud68c\uc804\uc740 \ubcf4\ucda9 \uc815\ubcf4\ub97c \uacf5\uac1c\ud558\uc5ec \uc2dc\uac01\uc801 \uc5ed\ub3d9\uc131\uc744 \ub3c4\uc785\ud558\ub294 \ud6a8\uacfc\uc801\uc778 \uc218\ub2e8\uc73c\ub85c \uc0ac\uc6a9\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uce74\ub4dc \ub4a4\uc9d1\uae30 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud558\uba74 \ub9c8\ucf00\ud305 \uc911\uc778 \uc0c1\ud488\uc5d0 \ub300\ud574 \ub354 \uad6c\uccb4\uc801\uc778 \ub0b4\uc6a9\uc744 \uac15\uc870\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p><strong>\uc774 \ud29c\ud1a0\ub9ac\uc5bc \uc911\uc5d0<\/strong>:<\/p>\n<ol>\n<li>\uce74\ub4dc \uc0ac\uc9c4 \uad6c\uc131 \uc694\uc18c\ub97c \ud3ec\ud568\ud558\ub294 \uc138\uadf8\uba3c\ud2b8 \ubc0f \ub514\ube44\uc804 \ube14\ub85d\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<li>\ud328\uc158\uce74\ub4dc \uc55e\uba74, \ub4b7\uba74 \uc0ac\uc9c4 \uad6c\uc131\uc694\uc18c<\/li>\n<li>\uc870\uc0c1 \uc694\uc18c\uc5d0 \ub300\ud55c \ud558\uc704 \uad00\uc810\uc744 \uad6c\uc131\ud569\ub2c8\ub2e4.<\/li>\n<li>\uce74\ub4dc \uadf8\ub9bc \uad6c\uc131 \uc694\uc18c\uc5d0 \ubcc0\ud615 \uc18d\uc131\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n<li>\ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \ud68c\uc804\ud558\ub3c4\ub85d \uce74\ub4dc \ub798\ud37c\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \uc801\uc6a9\u00a0<\/li>\n<\/ol>\n<h2>\uce74\ub4dc \uadf8\ub9bc \uad6c\uc131\uc694\uc18c\ub97c \ubcf4\uad00\ud560 \uc138\uadf8\uba3c\ud2b8 \ubc0f \ub514\ube44\uc804 \ube14\ub85d\uc744 \uc138\uc6b0\uc138\uc694.<br \/><\/h2>\n<p>\uc77c\uc744 \uc2dc\uc791\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \ucd94\uac00\ud558\uc2ed\uc2dc\uc624. <strong>\ubd84\uc808<\/strong> \uadc0\ud558\uc758 \ud398\uc774\uc9c0\uc5d0\uc11c:\u00a0<\/p>\n<ol>\n<li>\uacf5\uac1c\ud558\ub2e4 <strong>\uc694\uc18c \uc0bd\uc785 <\/strong>\uc67c\ucabd \ub3c4\uad6c \ubaa8\uc74c\uc5d0 \uc788\ub294 \ucc3d<\/li>\n<li>\ub4dc\ub798\uadf8 <strong>\ubd84\uc808<\/strong> \uadc0\ud558\uc758 \ud398\uc774\uc9c0\uc5d0<\/li>\n<\/ol>\n<p>\uc704\uce58 a <strong>\ubd84\ud560 \ube14\ub85d<\/strong> \ucd5c\uadfc \uc0bd\uc785\ub41c \uc138\uadf8\uba3c\ud2b8 \ub0b4\uc5d0\uc11c:<\/p>\n<ol>\n<li>\ucd94\ucd9c <strong>\ubd84\ud560 \ube14\ub85d<\/strong> ~\ub85c\ubd80\ud130 <strong>\uc694\uc18c \uc0bd\uc785<\/strong><strong>\ud328\ub110<\/strong> \uadf8\ub9ac\uace0 \uadf8\uac83\uc744 <strong>\ubd84\uc808 <\/strong>\uc774\uc804\uc5d0 \uc124\ub9bd\ub41c\u00a0<\/li>\n<li>\uc5d0 \uc218\uc5c5\uc744 \ud560\ub2f9\ud558\uc138\uc694. <strong>\ubd84\ud560 \ube14\ub85d<\/strong> (\uc608: &#039;\uce74\ub4dc \ud3ec\uc7a5\uc9c0&#039;)\u00a0<\/li>\n<\/ol>\n<h2>\uce74\ub4dc \uc55e\uba74\uacfc \ub4b7\uba74 \uc0ac\uc9c4 \uad6c\uc131\uc694\uc18c \uc81c\uc791<br \/><\/h2>\n<p>\uce74\ub4dc \uc0ac\uc9c4 \uad6c\uc131 \uc694\uc18c\ub97c \uc0bd\uc785\ud558\uace0 \uc900\ube44\ud558\ub824\uba74:\u00a0<\/p>\n<ol>\n<li>2\uac1c\ub97c \ub530\ub85c \ub4dc\ub78d\ud558\uc138\uc694<strong> \uadf8\ub9bc \uad6c\uc131 \uc694\uc18c <\/strong>~\ub85c\ubd80\ud130<strong> \uc694\uc18c \uc0bd\uc785<\/strong> \ucc3d\uc744 \uc5f4\uace0 \uce74\ub4dc \ub798\ud37c \uc548\uc5d0 \ub123\uc2b5\ub2c8\ub2e4. <strong>\ubd84\ud560 \ube14\ub85d<\/strong> \ucd5c\uadfc\uc5d0 \uc0dd\uc131\ub428\u00a0<\/li>\n<li>\ucd08\uae30 \uc0ac\uc9c4\uc744 \uc120\ud0dd\ud558\uace0 \uce74\ub4dc \uc55e\uba74\uc758 \ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4. \ud6c4\uc18d \uc0ac\uc9c4\uc5d0 \ub300\ud574 \uc774 \uacfc\uc815\uc744 \ub2e4\uc2dc \uc2e4\ud589\ud558\ub418 \uce74\ub4dc \ub4b7\uba74\uc758 \ud074\ub798\uc2a4 \uc774\ub984\uc744 \uc9c0\uc815\ud558\uc2ed\uc2dc\uc624.\u00a0<\/li>\n<\/ol>\n<h3>\uc774\ubbf8\uc9c0\ub97c \uc11c\ub85c \uacb9\uccd0\uc11c \uc815\ub82c\ud558\ub824\uba74:\u00a0<br \/><\/h3>\n<p=select each picture and beneath <strong>\uc124\uacc4<\/strong>, \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\uc131\ud569\ub2c8\ub2e4. <strong>\ub514\uc2a4\ud50c\ub808\uc774: \ube14\ub85d<\/strong>. \ub450 \uc0ac\uc9c4\uc774 \uacb9\uce58\ub3c4\ub85d \uc870\uc815\uc774 \uc774\ub8e8\uc5b4\uc84c\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ed4_5fa353181e135257563c6ea0_vmiziuxiwag3iyewvs8jngp0pigv3vnesyqqnjtb9nnrvflbumthuexfxyapj2od6oyqe9qghi3cff4mjpo9gheelutdeagexdgszit9uiiu8kczgtivocr1tugmfjvfbca89rru\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ed4_5fa353181e135257563c6ea0_vmiziuxiwag3iyewvs8jngp0pigv3vnesyqqnjtb9nnrvflbumthuexfxyapj2od6oyqe9qghi3cff4mjpo9gheelutdeagexdgszit9 uiiu8kczgtivocr1tugmfjvfbca89rru\"><\/div>\n<\/figure>\n<p=Centralize the images within the Card wrapper <strong>\ubd84\ud560 \ube14\ub85d<\/strong>. \ub85c \uc9c4\ud589 <strong>\uac04\uaca9<\/strong> \uac01 \uc774\ubbf8\uc9c0\uc758 \uc67c\ucabd \ubc0f \uc624\ub978\ucabd \uc5ec\ubc31\uc744 \uc815\ub82c\ud558\uc5ec <strong>\uc790\ub3d9<\/strong>. \uc774\ubbf8\uc9c0\ub97c \uc911\uc559\uc5d0 \ubc30\uce58\ud558\ub294 \ub354 \ube60\ub978 \ubc29\ubc95\uc744 \uc6d0\ud558\ub294 \uacbd\uc6b0 <strong>\uac00\ub85c\ub85c \uac00\uc6b4\ub370 \uc694\uc18c<\/strong> \uc790\ub3d9 \ub9c8\uc9c4 \uc124\uc815 \ubc84\ud2bc\uc785\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ed7_5fa3531740dfed6f790ffa9e_mrmpgbwcjhxnqp2aju_2sdwlt8fu1tpyvkll-9ean2tnpxjkr0mq6wmlebwqxvuai5lglhjxoovnmxxrhw-_e3rm8ocbac0kl4lvfmmtqjptlngrqflhe7pvqe6t8oaoae2hc00u\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ed7_5fa3531740dfed6f790ffa9e_mrmpgbwcjhxnqp2aju_2sdwlt8fu1tpyvkll-9ean2tnpxjkr0mq6wmlebwqxvuai5lglhjxoovnmxxrhw-_e3rm8ocbac0kl4 lvfmmtqjptlngrqflhe7pvqe6t8oaoae2hc00u\"><\/div>\n<\/figure>\n<p=For the images to overlap mutually, a CSS style needs to be appended. Within the <strong>\ub514\uc790\uc778 \ucc3d<\/strong> &gt;<strong> \uc704\uce58<\/strong>, \uac01 \uc774\ubbf8\uc9c0\ub97c \ub2e4\uc74c\uacfc \uac19\uc774 \uc218\uc815\ud569\ub2c8\ub2e4. <strong>\uc21c\uc218\ud55c<\/strong> \uadf8\ub9ac\uace0 \uc9c0\uc815 <strong>\ub192\uc740<\/strong> \uc704\uce58.\u00a0<\/p>\n<p>\uce74\ub4dc \uc774\ubbf8\uc9c0\ub97c \uc808\ub300\uc801\uc73c\ub85c \ubc30\uce58\ud558\uba74 \ub450 \uce74\ub4dc\uac00 \uc313\uc785\ub2c8\ub2e4. \uce74\ub4dc \ub4b7\uba74\uc740 \uce74\ub4dc \uc55e\uba74 \ub4a4\uc5d0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p=For access to the back card, let\u2019s obscure the front card:\u00a0\n<ol>\n<li>\uce74\ub4dc \uc55e\uba74 \uc774\ubbf8\uc9c0\ub97c \ud074\ub9ad\ud558\uc138\uc694<\/li>\n<li>\ub85c \uc774\ub3d9 <strong>\uc124\uacc4<\/strong>\u00a0<\/li>\n<li>\uc784\uc2dc\ub85c \ubcc0\uacbd <strong>\ud45c\uc2dc\ud558\ub2e4<\/strong> \uc5d0\uac8c <strong>\uc5c6\uc74c<\/strong><\/li>\n<\/ol>\n<h2>\uc0c1\uc704 \uc694\uc18c\uc5d0 \ub300\ud55c \uc790\uc190 \uad00\uc810 \uc124\uc815<br \/><\/h2>\n<p=Recall the <strong>\ubd84\uc808<\/strong> \uc774\uc804\uc5d0 \uadc0\ud558\uc758 \ud398\uc774\uc9c0\uc5d0 \ud3ec\ud568\ub418\uc5c8\uc2b5\ub2c8\uae4c? \uc774\ub294 \uce74\ub4dc \ub798\ud37c Div \ube14\ub85d\uc758 \uc0c1\uc704 \uad6c\uc131 \uc694\uc18c\ub85c \uc791\ub3d9\ud558\ubbc0\ub85c \uc139\uc158\uc758 <strong>\uc790\uc190\uc758 \uad00\uc810<\/strong>. \uc774 \uad00\uc810\uc744 \ud65c\uc131\ud654\ud558\uba74 \ubcc0\ud658\uc744 3D\ub85c \uc27d\uac8c \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<ol>\n<li>\uc120\ud0dd <strong>\ubd84\uc808<\/strong><\/li>\n<li>\uc561\uc138\uc2a4 <strong>\ub514\uc790\uc778 \ucc3d<\/strong> &gt; <strong>\uc601\ud5a5<\/strong> &gt; <strong>2D \ubc0f 3D \ubcc0\ud658<\/strong><\/li>\n<li>3\uac1c\uc758 \uacf5\uac1c \uc810\uc744 \ud65c\uc6a9\ud574 \uacf5\uac1c\ud558\uc138\uc694 <strong>\ubcc0\ud658<\/strong> \uad6c\uc131<\/li>\n<li>\uc544\ub798\uc5d0 <strong>\uc790\uc190\uc758 \uad00\uc810<\/strong>, \uc9c0\uc815 <strong>\uac70\ub9ac<\/strong> 1234\ud53d\uc140(\uc6d0\ud558\ub294 3D \uce74\ub4dc \ub4a4\uc9d1\uae30 \ubaa8\uc591\uacfc \uc77c\uce58\ud558\ub3c4\ub85d \ub098\uc911\uc5d0 \uc5b8\uc81c\ub4e0\uc9c0 \ubbf8\uc138 \uc870\uc815\ud560 \uc218 \uc788\uc74c)\u00a0<\/li>\n<\/ol>\n<h2>\uce74\ub4dc \uc774\ubbf8\uc9c0 \uad6c\uc131 \uc694\uc18c\uc5d0 \ubcc0\ud658 \uc18d\uc131\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<br \/><\/h2>\n<p=Now that your Segment has its offspring perspective configured and your back card is exposed, let\u2019s initialize the back card\u2019s transformation properties.\n<ol>\n<li>\ub0b4 <strong>\ub514\uc790\uc778 \ucc3d<\/strong>, \ub85c \uc9c4\ud589 <strong>\uc601\ud5a5<\/strong> \uadf8\ub9ac\uace0 <strong>2D \ubc0f 3D \ubcc0\ud658 <\/strong>\ubcf4\ucda9 \uc544\uc774\ucf58\uc744 \ud1b5\ud574\u00a0<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4<strong> \ud68c\uc804<\/strong> Y\ucd95\uc744 \ub530\ub77c \uadf8\ub9bc \uad6c\uc131 \uc694\uc18c\ub97c 180\ub3c4 \ud68c\uc804\ud569\ub2c8\ub2e4.\u00a0<\/li>\n<\/ol>\n<p=By rotating the back card, you observe the reflective display of its rear side. Essentially, this 180-degree transformation has reoriented the Card back to face the contrary direction, away from us. Consequently, the area of the card visible to us constitutes the card\u2019s Backface. Bear in mind, our aim with the card flip animation is to conceal each card\u2019s Backface.\u00a0\n<p=To conceal the Backface of the card:\u00a0<br \/>\n<ol>\n<li>\uc7ac\ubc29\ubb38 <strong>\uc601\ud5a5<\/strong> &gt; <strong>2D \ubc0f 3D \ubcc0\ud658<\/strong><\/li>\n<li>\ud45c\uc2dc\ud558\ub824\uba74 \uacf5\uac1c \uc810 3\uac1c\ub97c \ud074\ub9ad\ud558\uc138\uc694. <strong>\ubcc0\ud658 <\/strong>\uad6c\uc131\u00a0<\/li>\n<li>\uac00\ub9ac\ud0a4\ub2e4 <strong>\ub4b7\uba74<\/strong> ~\ucc98\ub7fc <strong>\uc228\uaca8\uc9c4<\/strong><\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478ee0_5fa3531733cc26930e577454_unvjfh0tc2_fr-mxgqc9fznwqe0qzsr1plfe7mp9bpvqlp9lcx-e_0rg85nwn4dyawxkkpygtmcvz9jo5exb8qnkethxosjuuimykcyl39o_sy33stxaiabhcr_aouzgqeyewn_f\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478ee0_5fa3531733cc26930e577454_unvjfh0tc2_fr-mxgqc9fznwqe0qzsr1plfe7mp9bpvqlp9lcx-e_0rg85nwn4dyawxkkpygtmcvz9jo5exb8qnkethx osjuuimykcyl39o_sy33stxaiabhcr_aouzgqeyewn_f\"><\/div>\n<\/figure>\n<p=Next, re-apply visibility to the Card front picture component.\u00a0\n<ol>\n<li>\uce74\ub4dc \uc55e\uba74 \uadf8\ub9bc \uad6c\uc131\uc694\uc18c\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li>\uc870\uc815\ud558\ub2e4 <strong>\ud45c\uc2dc\ud558\ub2e4<\/strong> \uc5d0\uac8c<strong> \ucc28\ub2e8\ud558\ub2e4<\/strong>\u00a0<\/li>\n<\/ol>\n<p=Additionally, mask the Card front\u2019s Backface similar to the Card back.\n<ol>\n<li>\uce74\ub4dc \uc804\uba74 \uad6c\uc131 \uc694\uc18c\ub97c \uace8\ub77c\ub0c5\ub2c8\ub2e4.<\/li>\n<li>\ud5a5\ud558\ub2e4 <strong>\uc601\ud5a5 <\/strong>&gt;<strong> 2D \ubc0f 3D \ubcc0\ud658<\/strong>\u00a0<\/li>\n<li>\uc7a0\uae08 \ud574\uc81c\ud558\ub824\uba74 \uacf5\uac1c \uc810 3\uac1c\ub97c \ud074\ub9ad\ud558\uc138\uc694. <strong>\ubcc0\ud658 <\/strong>\uc124\uc815\u00a0<\/li>\n<li>\uacb0\uc815\ud558\ub2e4 <strong>\ub4b7\uba74<\/strong> ~\ucc98\ub7fc <strong>\uc228\uaca8\uc9c4<\/strong><\/li>\n<\/ol>\n<h2>\ub9c8\uc6b0\uc2a4\ub97c \uc62c\ub9ac\uba74 \ud68c\uc804\ud558\ub3c4\ub85d \uce74\ub4dc \ub798\ud37c\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \uc801\uc6a9<br \/><\/h2>\n<p=It\u2019s about time to incorporate the animation for flipping the card and unveiling the Card back upon hover.\u00a0\n<p=Select the Card wrapper Div block. This enables the flipping animation to influence the entire Card wrapper Div block as well as both of our child card components.\u00a0<br \/>\n<ol>\n<li>\uc561\uc138\uc2a4<strong> \uc120\ud0dd\uc790<\/strong> \uce74\ub4dc \ub798\ud37c \ud544\ub4dc <strong>\ubd84\ud560 \ube14\ub85d<\/strong>\u00a0<\/li>\n<li>\ub2e4\uc74c\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud638\ubc84 \ud6a8\uacfc<\/strong> ~\ub85c\ubd80\ud130 <strong>\uc120\ud0dd<\/strong> \ub4dc\ub86d \ub2e4\uc6b4 \ubaa9\ub85d<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478eda_5fa35317baa095abece97044_ux3rlkib4kh_ing-zmig0fcn8uwphpncn_rjfj6au0amw63eomm0oobrequcby-mndxygv15tlfh3-rwxeu4llutmfkwpdysl-sg5hnlnvpo6tuw1xedo-q67wpkcueatrencyxs.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478eda_5fa35317baa095abece97044_ux3rlkib4kh_ing-zmig0fcn8uwphpncn_rjfj6au0amw63eomm0oobrequcby-mndxygv15tlfh3-rwxeu4llutmfkwpdysl-sg5hn lnvpo6tuw1xedo-q67wpkcueatrencyxs\"><\/div>\n<\/figure>\n<ol>\n<li>\ud65c\uc131\ud654 <strong>\ud638\ubc84 \ud6a8\uacfc<\/strong> \uadf8\ub9ac\uace0 \ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud558\uc138\uc694 <strong>\uc218\uc815 <\/strong>&gt;<strong> 2D \ubc0f 3D \ubcc0\ud658<\/strong>\u00a0<\/li>\n<li>+ \uae30\ud638\ub97c \ub204\ub974\uace0 \ub2e4\uc74c\uc744 \uc120\ud0dd\ud558\uc138\uc694. <strong>\ud68c\uc804<\/strong> \uc120\ud0dd\u00a0<\/li>\n<li>Y\ucd95\uc5d0\uc11c 180\ub3c4 \ud68c\uc804\ud558\ub3c4\ub85d \uce74\ub4dc \ub798\ud37c\ub97c \uc870\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1501px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b9499368b7496b60478edd_5fa3531819b964b80c89341b_kdtlitm9vjry3i434o4nakn4mphtpmdlzj6pemc41lqqdumv8kwvvr-wcbg3h8xgrztqdcgnagymnz3ahlanwtgk-m-fjgikwjveb3g6tjn8oqdmmzd51f1t8jucaj4wal5ez65c\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b9499368b7496b60478edd_5fa3531819b964b80c89341b_kdtlitm9vjry3i434o4nakn4mphtpmdlzj6pemc41lqqdumv8kwvvr-wcbg3h8xgrztqdcgnagymnz3ahlanwtgk-m-f jgikwjveb3g6tjn8oqdmmzd51f1t8jucaj4wal5ez65c\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\uc0dd\uc131\ud55c \ub4a4\uc9d1\uae30 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ubcf4\ub824\uba74 \uce74\ub4dc \ub798\ud37c\uc758 \ucd08\uae30 \uc0c1\ud0dc\ub85c \ub418\ub3cc\ub9ac\uc138\uc694. <strong>\ubd84\ud560 \ube14\ub85d<\/strong> \uc120\ud0dd\ud558\uc5ec <strong>\ubc29\ubc95<\/strong> ~\ucc98\ub7fc <strong>\ube44\ud65c\uc131<\/strong>.\u00a0<\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \uce74\ub4dc \ub798\ud37c Division \ube14\ub85d\uc73c\ub85c\uc758 \uc804\ud658\uc744 \ud1b5\ud569\ud569\ub2c8\ub2e4.\u00a0<\/p>\n<ol>\n<li>\uc561\uc138\uc2a4 <strong>\ubaa8\uc591 \ud328\ub110<\/strong> &gt; <strong>\uc218\uc815<\/strong> &gt; <strong>\uc804\ud658<\/strong>\u00a0<\/li>\n<li>\ucd94\uac00 \ubc84\ud2bc\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0c8 \uc804\ud658 \ucd94\uac00\u00a0<\/li>\n<li>\ub85c\ubd80\ud130 <strong>\ub2e4\uc591\uc131<\/strong> \ub4dc\ub86d\ub2e4\uc6b4 \ubaa9\ub85d\uc5d0\uc11c \uc120\ud0dd <strong>\uac00\uac10<\/strong><\/li>\n<li>1000\ubc00\ub9ac\ucd08\uc758 \uae30\uac04\uc744 \ud3ec\ud568\ud558\uc138\uc694.\u00a0<\/li>\n<\/ol>\n<p>\uc774\uc81c \uae30\ubed0\ud560 \uc2dc\uac04\uc785\ub2c8\ub2e4. \uc791\uc5c5\uc744 \uc644\ub8cc\ud588\uc2b5\ub2c8\ub2e4! \ub514\uc790\uc774\ub108\uc5d0\uc11c \ubbf8\ub9ac\ubcf4\uae30 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc5ec \uce74\ub4dc \ub4a4\uc9d1\uae30 \ub3d9\uc791\uc744 \uc0b4\ud3b4\ubcf4\uc138\uc694. \uce74\ub4dc \uc704\uc5d0 \ub9c8\uc6b0\uc2a4\ub97c \ub193\uace0 \ub098\uac00\uba74 \uce74\ub4dc \ub4a4\uc9d1\uae30 \uc804\ud658\uc774 \uc2e4\uc81c\ub85c \uc77c\uc5b4\ub098\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4! \uc9dc\ub9bf\ud558\ub2e4!\u00a0\u00a0<\/p>\n<h5>\uad00\ub828 \ub9ac\uc18c\uc2a4<\/h5>\n<ul>\n<li>\u200d2D \ubc0f 3D \ubcc0\ud658\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/li>\n<li>3D \uad00\uc810\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uae30<\/li>\n<\/ul>\n<p>\u200d<\/p>","protected":false},"excerpt":{"rendered":"CSS 3D \ubcc0\ud658\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc2dc \uac04\ub2e8\ud55c \uce74\ub4dc \ub4a4\uc9d1\uae30 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.","protected":false},"author":2,"featured_media":5928,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-5927","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=5927"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5928"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=5927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=5927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=5927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}