{"id":6398,"date":"2024-04-14T18:55:16","date_gmt":"2024-04-14T10:55:16","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6398"},"modified":"2024-04-14T18:55:16","modified_gmt":"2024-04-14T10:55:16","slug":"flexbox-versus-grid-versus-rapid-stack","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/flexbox-versus-grid-versus-rapid-stack\/","title":{"rendered":"Flexbox \ub300 \uadf8\ub9ac\ub4dc \ub300 Rapid Stack"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\uc6f9\uc0ac\uc774\ud2b8\ub97c \uc81c\uc791\ud560 \ub54c Webflow \uc694\uc18c\uc640 CSS \ub514\uc2a4\ud50c\ub808\uc774 \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\uc5ec \uc0ac\uc774\ud2b8 \ub808\uc774\uc544\uc6c3\uc744 \uad6c\uc131\ud558\ub294 \ub370 \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ub2e4\uc591\ud55c \uc120\ud0dd\uc774 \uc788\uc2b5\ub2c8\ub2e4. Flexbox\uc640 \uadf8\ub9ac\ub4dc\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \ub514\uc2a4\ud50c\ub808\uc774 \uae30\ub2a5\uc778 \ubc18\uba74 Rapid Stack\uc740 \ub450 \uac00\uc9c0\ub97c \ud1b5\ud569\ud55c Webflow \uc694\uc18c\uc785\ub2c8\ub2e4. \uc774 \uac00\uc774\ub4dc\uc5d0\uc11c\ub294 \ub514\uc790\uc778 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c Flexbox, Grid \ubc0f Rapid Stack\uc744 \ud65c\uc6a9\ud558\uae30 \uc704\ud55c \ucd5c\uc801\uc758 \uc2dc\ub098\ub9ac\uc624\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \uad50\uc721 \uc138\uc158\uc744 \ud1b5\ud574 \ub2e4\uc74c \uc0ac\ud56d\uc5d0 \ub300\ud55c \ud1b5\ucc30\ub825\uc744 \uc5bb\uac8c \ub429\ub2c8\ub2e4.<\/p>\n<ol start=\"1\" role=\"list\">\n<li>Flexbox\uc758 \uc7a5\uc810<\/li>\n<li>\uadf8\ub9ac\ub4dc\uc758 \uc7a5\uc810<\/li>\n<li>\ub798\ud53c\ub4dc\uc2a4\ud0dd\uc758 \uc7a5\uc810<\/li>\n<li>Flexbox, Grid \ub610\ub294 Rapid Stack\uc744 \uc0ac\uc6a9\ud560\uc9c0 \uacb0\uc815<\/li>\n<\/ol>\n<h2>Flexbox\uc758 \uc7a5\uc810<\/h2>\n<ol start=\"1\" role=\"list\">\n<li>1\ucc28\uc6d0 \ub808\uc774\uc544\uc6c3 \uc81c\uc5b4 \uc81c\uacf5(\uc218\uc9c1 \ub610\ub294 \uc218\uc9c1) <em>\ub610\ub294<\/em> \uc218\ud3c9\uc73c\ub85c<\/li>\n<li>\uc815\ub82c, \uac04\uaca9, \ubc30\uce58 \uc870\uc815 \uac00\ub2a5<\/li>\n<li>Flex \uc790\uc2dd\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc815\ub82c\ud558\uae30 \uc704\ud55c \uc815\ub82c \ub3c4\uad6c \uc81c\uacf5<\/li>\n<li>\ud558\uc704 \uc694\uc18c\uac00 \ub808\uc774\uc544\uc6c3 \uad6c\uc131(\uc608: \ud06c\uae30, \uc815\ub82c, \uc21c\uc11c)\uc744 \ub300\uccb4\ud560 \uc218 \uc788\ub3c4\ub85d \ud5c8\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<li>\uceec\ub809\uc158 \ubaa9\ub85d \ub610\ub294 \uc591\uc2dd \ube14\ub85d\uc5d0 \uc801\uc6a9 \uac00\ub2a5<\/li>\n<\/ol>\n<p>Flexbox\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h2>\uadf8\ub9ac\ub4dc\uc758 \uc7a5\uc810<\/h2>\n<ol start=\"1\" role=\"list\">\n<li>2\ucc28\uc6d0 \ub808\uc774\uc544\uc6c3 \uc81c\uc5b4 \uc81c\uacf5(\uc138\ub85c \ubaa8\ub450) <em>\uadf8\ub9ac\uace0<\/em> \uc218\ud3c9\uc73c\ub85c<\/li>\n<li>\uadf8\ub9ac\ub4dc \uacbd\uacc4 \ub0b4 \uc5b4\ub514\uc5d0\uc11c\ub098 \uc694\uc18c \ubc30\uc5f4\uc744 \uc6a9\uc774\ud558\uac8c \ud569\ub2c8\ub2e4.<\/li>\n<li>\uadf8\ub9ac\ub4dc \uc790\uc2dd\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc815\ub82c\ud558\uae30 \uc704\ud55c \uc815\ub82c \ub3c4\uad6c \uc81c\uacf5<\/li>\n<li>\uadf8\ub9ac\ub4dc \uc790\uc2dd\uc758 \uc218\ub3d9 \uc704\uce58 \uc9c0\uc815\uc744 \ud5c8\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<li>\ud558\uc704 \uc694\uc18c\uac00 \ub808\uc774\uc544\uc6c3 \uc124\uc815(\uc608: \uc704\uce58, \ubc94\uc704, \uc815\ub82c, \uc815\ub82c, \uc21c\uc11c)\uc744 \ub300\uccb4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uceec\ub809\uc158 \ubaa9\ub85d \ub610\ub294 \uc591\uc2dd \ube14\ub85d\uc5d0 \uc801\uc6a9 \uac00\ub2a5<\/li>\n<\/ol>\n<p>\uadf8\ub9ac\ub4dc\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h2>\ub798\ud53c\ub4dc\uc2a4\ud0dd\uc758 \uc7a5\uc810<\/h2>\n<ol start=\"1\" role=\"list\">\n<li>\ub808\uc774\uc544\uc6c3 \uc124\uc815\uc5d0 \ub300\ud55c \ud6a8\uacfc\uc801\uc778 \uc811\uadfc \ubc29\uc2dd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc0ac\uc6a9\uc790 \uc815\uc758 \uac00\ub2a5\ud55c 8\uac1c\uc758 \uc0ac\uc804 \uc124\uc815\ub41c Rapid Stack \ub808\uc774\uc544\uc6c3\uc73c\ub85c \uad6c\uc131<\/li>\n<li>\uc140\uc740 \ucf58\ud150\uce20 \ubc30\uce58\ub97c \uc704\ud574 \uc0ac\uc804 \uc815\uc758\ub41c div \ube14\ub85d\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/li>\n<li>\uac1c\ubc1c \uac00\uc18d\ud654\ub97c \uc704\ud574 \uadf8\ub9ac\ub4dc\uc640 Flexbox\ub97c \uacb0\ud569\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\ub798\ud53c\ub4dc \uc2a4\ud0dd\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h2>Flexbox, Grid \ub610\ub294 Rapid Stack\uc744 \uc0ac\uc6a9\ud560\uc9c0 \uacb0\uc815<\/h2>\n<p>\uc6b0\ub9ac\ub294 \ub300\ubd80\ubd84\uc758 \ub808\uc774\uc544\uc6c3\uc5d0 \ub300\ud574 Rapid Stack \uc694\uc18c\ub85c \uc2dc\uc791\ud558\ub294 \uac83\uc744 \uad8c\uc7a5\ud569\ub2c8\ub2e4. \uc774 \uc694\uc18c\ub294 \ub2e4\ubaa9\uc801\uc774\uba70 \uc0ac\uc804 \uad6c\uc131\ub418\uc5b4 \uc788\uc73c\uba70 \uac00\uc7a5 \ub110\ub9ac \uc0ac\uc6a9\ub418\ub294 \ub514\uc2a4\ud50c\ub808\uc774 \uae30\ub2a5(\uc608: Flexbox \ubc0f \uadf8\ub9ac\ub4dc) \uc911 \uc77c\ubd80\ub97c \ud3ec\ud568\ud569\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \ud2b9\uc815 \uc81c\ud55c \uc0ac\ud56d\uc774 \uc788\uc2b5\ub2c8\ub2e4. Rapid Stack\uc744 \uc0ac\uc6a9\ud558\uba74 \uadf8\ub9ac\ub4dc\ucc98\ub7fc \uc140 \uc704\uce58\ub97c \ubcc0\uacbd\ud558\uac70\ub098 \uc624\ubc84\ub808\uc774\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. <em>\uc801\uc6a9\ud558\ub2e4<\/em> \uae30\uc874 \ub808\uc774\uc544\uc6c3 \uc2a4\ud0c0\uc77c\uacfc \ud568\uaed8 \uc0ac\uc804 \uad6c\ucd95\ub41c \ud2b9\uc131\uc73c\ub85c \uc778\ud574 \ub2e4\ub978 \uc694\uc18c\uc5d0 \ube60\ub974\uac8c \uc2a4\ud0dd\ub429\ub2c8\ub2e4.<\/p>\n<p>\ud558\uc704 \uc694\uc18c\uc5d0 \ub300\ud55c \uc704\uce58 \uc124\uc815\uc744 \uc124\uc815\ud558\ub824\ub294 \ubcf5\uc7a1\ud55c 2\ucc28\uc6d0 \ub514\uc790\uc778\uc758 \uacbd\uc6b0(\ud2b9\ud788 \uacb9\uce58\ub294 \uc694\uc18c\uc758 \uacbd\uc6b0) \uadf8\ub9ac\ub4dc\uac00 \uc120\ud638\ub418\ub294 \uc120\ud0dd\uc785\ub2c8\ub2e4. Rapid Stack\uacfc \ub2ec\ub9ac \uadf8\ub9ac\ub4dc\ub294 \ub354 \ub9ce\uc740 \uc720\uc5f0\uc131\uc744 \uc81c\uacf5\ud558\uace0 \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 \ub0b4\uc5d0\uc11c \uc140\uc758 \uc774\ub3d9\uc744 \ud5c8\uc6a9\ud569\ub2c8\ub2e4. \ub610\ud55c \uadf8\ub9ac\ub4dc\ub294 \uc694\uc18c\uac00 \uc544\ub2cc \ud45c\uc2dc \uae30\ub2a5\uc73c\ub85c \uae30\ub2a5\ud558\ubbc0\ub85c \ub2e4\uc74c\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <em>\uc591\uc218\uc778<\/em> \ucee8\ud14c\uc774\ub108, div, \uc591\uc2dd \ube14\ub85d \ub610\ub294 \uceec\ub809\uc158 \ubaa9\ub85d\uacfc \uac19\uc740 \ub2e4\ub978 \uc694\uc18c\uc5d0 \ub300\ud55c \uadf8\ub9ac\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n<p>Flexbox\ub294 \ub2e8\uc77c \ucc28\uc6d0\uc5d0\uc11c \ub808\uc774\uc544\uc6c3\uc744 \uad00\ub9ac\ud558\ub824\uace0 \ud560 \ub54c \uadc0\uc911\ud55c \ub514\uc2a4\ud50c\ub808\uc774 \uae30\ub2a5\uc784\uc774 \uc785\uc99d\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\ub9ac\ub4dc\uc640 \ub9c8\ucc2c\uac00\uc9c0\ub85c Flexbox\ub294 \ucee8\ud14c\uc774\ub108\ub098 div\uc640 \uac19\uc740 \ub2e4\ub978 \uc694\uc18c\uc5d0 \uc801\uc6a9\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Flexbox\ub294 \ubc29\ud5a5 \ubc0f \uc815\ub82c\uc744 \ud3ec\ud568\ud55c \ub2e4\uc591\ud55c \ub300\uccb4 \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc744 \uc81c\uacf5\ud558\uba70 \ud558\uc704 \uc694\uc18c\uc758 \ub798\ud551\uc744 \uc6a9\uc774\ud558\uac8c \ud558\uc5ec \uc0c1\uc704 \uc694\uc18c\uc758 \uacbd\uacc4\uc5d0 \ub3c4\ub2ec\ud558\uba74 \ub2e4\uc74c \uc904\ub85c \uc6d0\ud65c\ud558\uac8c \uc804\ud658\ub429\ub2c8\ub2e4.<\/p>\n<h3>\uc8fc\uc694 \ud1b5\ucc30\ub825<\/h3>\n<ul role=\"list\">\n<li>2\ucc28\uc6d0 \uc124\uacc4\uc758 \uacbd\uc6b0 \uadf8\ub9ac\ub4dc\ub294 \ubcf4\ub2e4 \ub2e4\uc591\ud55c \uc635\uc158\uc73c\ub85c \uc0ac\uc6a9\ub418\ub294 \ubc18\uba74 Rapid Stack\uc740 \ud6a8\uc728\uc131\uc774 \ub6f0\uc5b4\ub0a9\ub2c8\ub2e4.<\/li>\n<li>\ub2f9\uc2e0\uc740 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4 <em>\uc801\uc6a9\ud558\ub2e4<\/em> \ub2e4\ub978 \uc694\uc18c\uc5d0 \ub300\ud55c \ud45c\uc2dc \uc124\uc815\uc73c\ub85c \uadf8\ub9ac\ub4dc\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc18\uba74 Rapid Stack\uc740 <em>~\uc774\ub2e4<\/em> \uae30\uc874 \ud45c\uc2dc \uc124\uc815\uc774 \ud3ec\ud568\ub41c \uc0ac\uc804 \uad6c\ucd95\ub41c \uc694\uc18c<\/li>\n<li>Flexbox\ub294 1\ucc28\uc6d0 \ub514\uc790\uc778\uc5d0 \uc774\uc0c1\uc801\uc73c\ub85c \uc801\ud569\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"Webflow Quick Stack \uc694\uc18c\uc640 Flexbox \ubc0f Grid\uc640 \uac19\uc740 CSS \ud45c\uc2dc \uc18d\uc131 \uac04\uc758 \uc720\uc0ac\uc810\uacfc \ucc28\uc774\uc810\uc744 \uc54c\uc544\ubcf4\uc138\uc694.","protected":false},"author":2,"featured_media":6399,"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-6398","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\/6398","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=6398"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6398\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/6399"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}