{"id":6334,"date":"2024-04-14T19:00:19","date_gmt":"2024-04-14T11:00:19","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6334"},"modified":"2024-04-14T19:00:19","modified_gmt":"2024-04-14T11:00:19","slug":"uniform-size-layouts-with-flexbox","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/uniform-size-layouts-with-flexbox\/","title":{"rendered":"Flexbox\ub97c \uc0ac\uc6a9\ud55c \uade0\uc77c\ud55c \ud06c\uae30 \ub808\uc774\uc544\uc6c3"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\ud65c\uc6a9 \uc2dc <a href=\"https:\/\/help.webflow.com\/article\/columns\">\uc5f4 \uc694\uc18c<\/a>, \ud2b9\ud788 \uac01 \uc5f4\uc5d0 \ub2e4\uc591\ud55c \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \uacbd\uc6b0 \ubaa8\ub4e0 \uc5f4\uc5d0 \ub300\ud574 \ub3d9\uc77c\ud55c \ub192\uc774\ub97c \ub2ec\uc131\ud558\ub294 \uac83\uc774 \uc5b4\ub824\uc6b8 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uace0\uc815\ub41c \ud53d\uc140 \ub192\uc774\ub97c \uc124\uc815\ud560 \uc218\ub3c4 \uc788\uc9c0\ub9cc \ub9ac\ud50c\ub85c\uc6b0 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc5d0\uc11c\ub294 Flexbox\ub97c \uc0ac\uc6a9\ud558\uc5ec \uade0\uc77c\ud55c \ud06c\uae30\uc758 \ub808\uc774\uc544\uc6c3\uc744 \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<h5>\uc774\ubc88 \uad50\uc721 \uc138\uc158 \ub0b4\uc5d0\uc11c<\/h5>\n<ul>\n<li>\ub808\uc774\uc544\uc6c3 \uc124\uc815<\/li>\n<li>\ubd80\ubaa8\ub97c \uad6c\ubd80\ub9ac\ub3c4\ub85d \uc870\uc815\ud558\uace0 \uc790\uc2dd\uc744 \ub298\uc774\uae30 \uc704\ud574 \uc815\ub82c<\/li>\n<li>\uc5f4 \ub108\ube44 \uacb0\uc815<\/li>\n<li>\uc790\ub3d9 \ub9c8\uc9c4 \uae30\ubc95 \uc801\uc6a9<\/li>\n<\/ul>\n<h5>\uc2dc\uc791\ud558\uae30 \uc804\uc5d0<\/h5>\n<p>\ube44\ub514\uc624\uc5d0 \ud45c\uc2dc\ub41c \ucd08\uae30 \ubc30\uc5f4\uc744 \ubcf5\uc81c\ud558\ub824\uba74 \ud398\uc774\uc9c0\uc5d0 div \ube14\ub85d\uc744 \uc0bd\uc785\ud558\uc138\uc694. \uc81c\ubaa9, \ub2e8\ub77d, \ubc84\ud2bc \ub4f1\uc758 \ucf58\ud150\uce20\ub85c \ucc44\uc6cc\ubcf4\uc138\uc694. div \ube14\ub85d\uc744 \ub450 \ubc88 \ubcf5\uc81c\ud558\uc5ec \uac01\uac01 \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c 3\uac1c\uc758 div \ube14\ub85d\uc744 \uc5bb\uc2b5\ub2c8\ub2e4. \ud544\uc694\uc5d0 \ub530\ub77c \ub0b4\uc6a9\uc744 \uc218\uc815\ud569\ub2c8\ub2e4.<\/p>\n<h2>\ub808\uc774\uc544\uc6c3 \uc124\uc815<\/h2>\n<p>\uc608\ub97c \ub4e4\uc5b4, \ud398\uc774\uc9c0\uc5d0 \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \uc138 \uac1c\uc758 div \ube14\ub85d\uc774 \uc774\ubbf8 \uc788\uace0 \uac01\uac01 \ub3d9\uc77c\ud55c \ud074\ub798\uc2a4 \uc774\ub984\uacfc \uc2a4\ud0c0\uc77c\uc744 \uacf5\uc720\ud55c\ub2e4\uace0 \uac00\uc815\ud569\ub2c8\ub2e4. \ud398\uc774\uc9c0\uc5d0 \ucee8\ud14c\uc774\ub108\ub97c \uc18c\uac1c\ud558\uace0, \ud074\ub798\uc2a4\ub97c \ud560\ub2f9\ud558\uace0, \uadf8 \uc548\uc5d0 \uc138 \uac1c\uc758 div \ube14\ub85d\uc744 \uc0bd\uc785\ud558\uaca0\uc2b5\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-s3.tenten.co\/2024\/04\/64b949de147ed104a973c984_61315cf01045377d6dc1c9cd_equal-height-flexbox_1.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt='\uac00\uaca9 \ucc45\uc815 \ube14\ub85d\uc774\ub77c\ub294 \uc138 \uac1c\uc758 div\uac00 Flex \ucee8\ud14c\uc774\ub108\ub77c\ub294 \ucee8\ud14c\uc774\ub108 \ub0b4\uc5d0 \ubcf4\uad00\ub429\ub2c8\ub2e4. \uc774\ub7ec\ud55c div\ub294 \uac01\uac01 \ud14d\uc2a4\ud2b8\uc640 \ubc84\ud2bc\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4. \ub179\uc0c9 &quot;\ucd5c\uace0\uc758 \uc120\ud0dd&quot; \ubc30\uc9c0\uac00 \uc788\ub294 \ub450 \ubc88\uc9f8 \uc81c\ud488\uacfc \uc218\uc9c1\uc73c\ub85c \uc313\uc5ec \uc788\uc2b5\ub2c8\ub2e4.' title=\"64b949de147ed104a973c984_61315cf01045377d6dc1c9cd_equal-height-flexbox_1\"><\/div>\n<\/figure>\n<h2>\ubd80\ubaa8\ub97c \uad6c\ubd80\ub9ac\ub3c4\ub85d \uc870\uc815\ud558\uace0 \uc790\uc2dd\uc744 \ub298\uc774\uae30 \uc704\ud574 \uc815\ub82c<\/h2>\n<p>\uc138 \uac1c\uc758 div \ube14\ub85d\uc774 \ucee8\ud14c\uc774\ub108 \ub0b4\uc5d0 \uc911\ucca9\ub418\uba74 \ucee8\ud14c\uc774\ub108\uc758 \ud45c\uc2dc \uc124\uc815\uc744 flex\ub85c \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uae30\ubcf8 \ud50c\ub809\uc2a4 \uc124\uc815\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \uad6c\uc131\ub429\ub2c8\ub2e4. <strong>\ubc29\ud5a5: \uc218\ud3c9,<\/strong><strong>\uc591\ucabd \ub9de\ucda4: \uc2dc\uc791<\/strong>, \uadf8\ub9ac\uace0 <strong>\uc815\ub82c: \ub298\uc774\uae30<\/strong>, \uade0\uc77c\ud55c \ub192\uc774\uc5d0 \ub300\ud55c \uc694\uad6c \uc0ac\ud56d\uc744 \uc815\ud655\ud558\uac8c \ucda9\uc871\ud569\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949de147ed104a973c997_613156d25514b208bb823308_equal-height-flexbox_2.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt=\"\ub808\uc774\uc544\uc6c3 \uc124\uc815\uc740 \ud50c\ub809\uc2a4 \ud45c\uc2dc, \uac00\ub85c \ubc29\ud5a5, \ub298\uc774\uae30 \uc815\ub82c, \uc67c\ucabd \ub9de\ucda4\uc73c\ub85c \uc124\uc815\ub429\ub2c8\ub2e4. \uc774\uc81c 3\uac1c\uc758 div\uac00 \ub2e4\uc591\ud55c \ub108\ube44\ub85c \ub2e8\uc77c \ud589\uc5d0 \uc815\ub82c\ub429\ub2c8\ub2e4.\" title=\"64b949de147ed104a973c997_613156d25514b208bb823308_equal-height-flexbox_2\"><\/div>\n<\/figure>\n<h2>\uc5f4 \ub108\ube44 \uacb0\uc815<\/h2>\n<p>\uadf8\ub7ec\ub098 div\uc758 \ub108\ube44\ub294 \uc77c\uc815\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. div \ube14\ub85d\uc758 \ub108\ube44\ub97c \ub2e4\uc74c\uc73c\ub85c \uc124\uc815\ud558\uc5ec \uade0\uc77c\uc131\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <strong>33.33%<\/strong> (\ub610\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uacc4\uc0b0\uc744 \uc218\ud589\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <strong>100\/3%<\/strong>\ub97c \ub204\ub978 \ub2e4\uc74c Enter \ud0a4\ub97c \ub204\ub974\uc138\uc694). \ub610\ub294 div \ube14\ub85d\uc758 flex \ud558\uc704 \uc124\uc815\uc744 \uc9c0\uc815\ud558\uc5ec <strong>\ud655\uc7a5\ud558\ub2e4.<\/strong><\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b949de147ed104a973c97d_6131552b3042050ed42fe024_equal-height-flexbox_3.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt=\"\ud06c\uae30 \uc124\uc815\uc744 \ub098\ub780\ud788 \ud45c\uc2dc\ud558\ub294 \ub450 \uac1c\uc758 \ud328\ub110. \uc67c\ucabd \ud328\ub110\uc5d0\ub294 33.33%\ub85c \uc124\uc815\ub41c \ub108\ube44\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc624\ub978\ucabd \ud328\ub110\uc5d0\ub294 \uc785\ub825 \ud544\ub4dc\uc5d0 \ub108\ube44\uac00 100\uc744 3%\ub85c \ub098\ub208 \uac12\uc73c\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b949de147ed104a973c97d_6131552b3042050ed42fe024_equal-height-flexbox_3\"><\/div>\n<\/figure>\n<h2>\uc790\ub3d9 \ub9c8\uc9c4 \uae30\uc220<\/h2>\n<p>\uc774 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c\ub294 div \ub0b4\uc758 \ucf58\ud150\uce20\ub97c \uade0\uc77c\ud558\uac8c \uc815\ub82c\ud558\ub294 \uac83\uc744 \ubaa9\ud45c\ub85c \ud569\ub2c8\ub2e4. \uc774\ub294 Flexbox \uad6c\uc131\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2ec\uc131\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li>div \uc911 \ud558\ub098\ub97c \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<li>\ub514\uc2a4\ud50c\ub808\uc774 \uc124\uc815\uc744 flex\ub85c \uc218\uc815\ud558\uc138\uc694.<\/li>\n<li>Flex \ub808\uc774\uc544\uc6c3\uc744 \uc138\ub85c\ub85c \uad6c\uc131<\/li>\n<li>\ubc84\ud2bc\uc744 \uc120\ud0dd\ud558\uc138\uc694<\/li>\n<li>\uc0c1\ub2e8 \uc5ec\ubc31\uc744 \uc790\ub3d9\uc73c\ub85c \uc870\uc815<\/li>\n<\/ol>\n<p>\uacb0\uacfc\uc801\uc73c\ub85c \ubc84\ud2bc\uc758 \uc5ec\ubc31\uc774 \uc790\ub3d9\uc73c\ub85c \uc870\uc815\ub418\uc5b4 \uc138 \ubc84\ud2bc \ubaa8\ub450 \uade0\uc77c\ud558\uac8c \uc815\ub82c\ub429\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-s3.tenten.co\/2024\/04\/64b949de147ed104a973c980_613156e0baf2487ecdba5308_equal-height-flexbox_4.png\" loading=\"lazy\" width=\"auto\" height=\"auto\" alt='\uc67c\ucabd\uc5d0\ub294 &#039;\uc9c0\uae08 \uc5f0\ub77d\ud558\uc138\uc694&#039;\ub77c\ub294 \ud14d\uc2a4\ud2b8\uac00 \uc788\ub294 \ubc84\ud2bc\uc774 \uc120\ud0dd\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc624\ub978\ucabd\uc758 \uc0c1\ub2e8 \uc5ec\ubc31\uc5d0 \ub300\ud55c \ud31d\uc5c5 \ucc3d\uc5d0\ub294 \uc2e4\ud589 \uc911\uc778 \uc790\ub3d9 \uc124\uc815\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc774 \uc124\uc815\uc740 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.' title=\"64b949de147ed104a973c980_613156e0baf2487ecdba5308_equal-height-flexbox_4\"><\/div>\n<\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"Flexbox\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac01 \uc5f4\uc758 \ub0b4\ubd80 \ub0b4\uc6a9\uc774 \ub2e4\ub978 \uacbd\uc6b0\uc5d0\ub3c4 \uc5f4\uc758 \ub192\uc774\ub97c \ub3d9\uc77c\ud558\uac8c \uc124\uc815\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":6335,"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-6334","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\/6334","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=6334"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6334\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/6335"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}