{"id":5954,"date":"2024-04-14T12:51:06","date_gmt":"2024-04-14T04:51:06","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5954"},"modified":"2024-04-15T23:29:00","modified_gmt":"2024-04-15T15:29:00","slug":"css-sizing-with-width-and-height","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/css-sizing-with-width-and-height\/","title":{"rendered":"\ub108\ube44\uc640 \ub192\uc774\ub97c \uc0ac\uc6a9\ud55c CSS \ud06c\uae30 \uc870\uc815"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc744 \uac1c\ubc1c\ud560 \ub54c \ub108\ube44, \ub192\uc774\uc640 \uac19\uc740 \ud06c\uae30\ub294 \uadf8 \uc548\uc5d0 \ud3ec\ud568\ub41c \ucf58\ud150\uce20\ub97c \uae30\ubc18\uc73c\ub85c \uacb0\uc815\ub429\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc774\ub7ec\ud55c \uc18d\uc131\uc740 \ud53d\uc140(px), \ubc31\ubd84\uc728(%), ems, rems, \ubdf0\ud3ec\ud2b8 \ub108\ube44(vw), \ubdf0\ud3ec\ud2b8 \ub192\uc774(vh), \ubdf0\ud3ec\ud2b8 \ucd5c\uc18c \ubc0f \ucd5c\ub300(vmin \ubc0f vmax), \ubd84\uc218\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ub2e8\uc704\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubcf4\ub2e4 \uc815\ud655\ud558\uac8c \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e8\uc704(fr) \ubc0f \ubb38\uc790 \ub2e8\uc704(ch).<\/p>\n<p>\uc5ec\uae30\uc11c\ub294 \uc774\ub7ec\ud55c \uac01 \uce21\uc815 \ub2e8\uc704\ub97c \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\ub294 \ub3d9\uc2dc\uc5d0 \ucd5c\uc18c\uac12 \ubc0f \ucd5c\ub300\uac12, \uc624\ubc84\ud50c\ub85c \uad00\ub9ac, \uac1c\uccb4 \ub9de\ucda4 \uc18d\uc131\uacfc \uac19\uc740 \uac1c\ub150\ub3c4 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong>\ud2b9\ud788 \uc774 \uac15\uc758\uc5d0\uc11c\ub294 \ub2e4\uc74c \ub0b4\uc6a9\uc744 \ub2e4\ub8f9\ub2c8\ub2e4.<\/strong><\/p>\n<ol role=\"list\">\n<li>\uc790\ub3d9 \ud06c\uae30 \uc870\uc815<\/li>\n<li>\ud53d\uc140<\/li>\n<li>\ubc31\ubd84\uc728 \uac12<\/li>\n<li>\uc5e0\uc2a4<\/li>\n<li>\ub818<\/li>\n<li>\ubdf0\ud3ec\ud2b8 \uae30\ubc18 \ub2e8\uc704<\/li>\n<li>\ubd84\uc218 \ub2e8\uc704<\/li>\n<li>\ubb38\uc790 \ub2e8\uc704<\/li>\n<li>\ucd5c\uc18c \ubc0f \ucd5c\ub300 \ud06c\uae30<\/li>\n<li>\uc885\ud6a1\ube44<\/li>\n<li>\uc624\ubc84\ud50c\ub85c \ucc98\ub9ac<\/li>\n<li>\uac1c\uccb4 \ub9de\ucda4 \uc0ac\uc6a9\ubc95<\/li>\n<\/ol>\n<h2>\uc790\ub3d9 \ud06c\uae30 \uc870\uc815<\/h2>\n<p>\uae30\ubcf8\uc801\uc73c\ub85c \uc6f9 \uc694\uc18c\ub294 \ucf58\ud150\uce20\uc5d0 \ub530\ub77c \ud06c\uae30\ub97c \uc790\ub3d9\uc73c\ub85c \uc870\uc815\ud569\ub2c8\ub2e4.<\/p>\n<h2>\ud53d\uc140<\/h2>\n<p>\ud53d\uc140 \uac12\uc740 \ube44\ub840\uc801\uc73c\ub85c \ud655\uc7a5\ub420 \uc218 \uc788\uc73c\uba70, \ud2b9\ud788 \ud2b9\uc815 \ud53d\uc140 \uac12\uc73c\ub85c \uc124\uc815\ub41c \uc774\ubbf8\uc9c0\uc640 \uc694\uc18c\ub97c \ucc98\ub9ac\ud560 \ub54c \ub354\uc6b1 \uadf8\ub807\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-image\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94914f6d4d2d24534ca0a_5f48359d3af1b60f47f8d578_rwkcgq1rruvi1bxieifdjj4qegh5vnbgh6nrlrzjazanvbuzmpfsp1ulge29ecfx58wzltg6dtpfuwfheghshuq-8nqehue6dfmgugxaqmywathid46mbhkp3cq5l95chmkf94pm.png\" title=\"64b94914f6d4d2d24534ca0a_5f48359d3af1b60f47f8d578_rwkcgq1rruvi1bxieifdjj4qegh5vnbgh6nrlrzjazanvbuzmpfsp1ulge29ecfx58wzltg6dtpfuwfheghshuq-8nqehue6 dfmgugxaqmywathid46mbhkp3cq5l95chmkf94pm-1\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\uae30\ubcf8 \ud53d\uc140 \uac12\uc744 \ud65c\uc6a9\ud558\ub824\uba74:<\/p>\n<ol role=\"list\">\n<li>\uc22b\uc790 \uac12\uc744 \uc785\ub825\ud558\uc138\uc694<\/li>\n<li>\uc744 \uce58\ub2e4 <strong>\uc785\ub825\ud558\ub2e4<\/strong> \uc5f4\uc1e0<\/li>\n<\/ol>\n<h2>\ubc31\ubd84\uc728 \uac12<\/h2>\n<p>em\uacfc \uc720\uc0ac\ud558\uac8c \ubc31\ubd84\uc728\uc740 \uc0c1\uc704 \uc694\uc18c\uc758 \uae00\uaf34 \ud06c\uae30\ub97c \uae30\uc900\uc73c\ub85c \ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \ud328\ub529\ub41c \uc139\uc158 \ub0b4\uc5d0\uc11c \ub108\ube44\ub97c 25%\ub85c \uc124\uc815\ud558\uba74 \uc694\uc18c \ub0b4\ubd80 \uacf5\uac04\uc758 1\/4\uc774 \ud560\ub2f9\ub429\ub2c8\ub2e4.<\/p>\n<h2>\uc5e0\uc2a4<\/h2>\n<p>Em\uc740 \ud14d\uc2a4\ud2b8 \uc694\uc18c\uc758 \ud328\ub529\uc744 \ube44\ub840\uc801\uc73c\ub85c \uc870\uc815\ud560 \ub54c \uc720\uc6a9\ud569\ub2c8\ub2e4. \uac01 \ube0c\ub77c\uc6b0\uc800\uc758 \uae30\ubcf8 \uae00\uaf34 \ud06c\uae30\ub294 \uc77c\ubc18\uc801\uc73c\ub85c 16px\uc785\ub2c8\ub2e4. Ems\ub294 \ubd80\ubaa8 \uc694\uc18c\ub97c \uae30\ubc18\uc73c\ub85c \uae00\uaf34 \ud06c\uae30\ub97c \uacc4\uc0b0\ud558\uace0 \uc774\uc5d0 \ub530\ub77c \ud14d\uc2a4\ud2b8 \ud06c\uae30\ub97c \uc870\uc815\ud569\ub2c8\ub2e4.<\/p>\n<p>\uae00\uaf34 \ud06c\uae30\uac00 16\ud53d\uc140\uc778 \uacbd\uc6b0:<\/p>\n<ul role=\"list\">\n<li>1em\uc740 16\ud53d\uc140\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/li>\n<li>2em\uc740 32\ud53d\uc140\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/li>\n<li>1.5em\uc740 24\ud53d\uc140\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>\ub2e4\uc74c\uacfc \uac19\uc774 \ub2e8\ub77d \uc0c1\uc704 \uc694\uc18c\uc758 \uae00\uaf34 \ud06c\uae30\ub97c \ubcc0\uacbd\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. <strong>Div \ube14\ub85d<\/strong>:<\/p>\n<ol role=\"list\">\n<li>\uc0c1\uc704 \uc694\uc18c \uc120\ud0dd<\/li>\n<li>\uae00\uaf34 \ud06c\uae30(\uc608: 20\ud53d\uc140)\ub97c \uc870\uc815\ud569\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> \uc544\ub798\uc5d0 <strong>\ud0c0\uc774\ud3ec\uadf8\ub798\ud53c<\/strong><\/li>\n<\/ol>\n<p>\uc0c1\uc704 \uc694\uc18c\ub97c 20\ud53d\uc140\ub85c \uc124\uc815\ud55c \uacbd\uc6b0:<\/p>\n<ul role=\"list\">\n<li>1em\uc740 20\ud53d\uc140\uc5d0 \ud574\ub2f9\ud569\ub2c8\ub2e4.<\/li>\n<li>2em\uc740 40\ud53d\uc140\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4.<\/li>\n<li>3em\uc740 60\ud53d\uc140\ub85c \ubcc0\ud658\ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<h2>\ub818<\/h2>\n<p>Rems\ub294 HTML \uae00\uaf34 \ud06c\uae30\ub97c \uae30\uc900\uc73c\ub85c \uacc4\uc0b0\ub429\ub2c8\ub2e4.<\/p>\n<p>\uac01 rem \uac12\uc740 \uc0ac\uc6a9\uc790\uc758 \ube0c\ub77c\uc6b0\uc800 \uc124\uc815\uc744 \uace0\ub824\ud558\uc5ec HTML \uae00\uaf34 \ud06c\uae30\ub97c \uacf1\ud558\uc5ec \uacb0\uc815\ub429\ub2c8\ub2e4(\ucf54\ub4dc\uc5d0\uc11c \uc7ac\uc815\uc758\ub418\uc9c0 \uc54a\ub294 \ud55c). \uc774 \uc811\uadfc \ubc29\uc2dd\uc740 \uac1c\ubcc4 \ud14d\uc2a4\ud2b8 \ud06c\uae30 \uae30\ubcf8 \uc124\uc815\uacfc\uc758 \uc77c\uad00\uc131\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n<p>Rems\ub294 \uc218\uc815\ub418\uc9c0 \uc54a\ub294 \ud55c HTML \uc218\uc900\uc5d0\uc11c \uc9c0\uc815\ub41c \uae30\ubcf8 \uae00\uaf34 \ud06c\uae30\uc5d0 \ub9de\ucdb0 \ub8e8\ud2b8 em \ub2e8\uc704(root ems)\ub97c \ucc38\uc870\ud569\ub2c8\ub2e4. em\uacfc \ub2ec\ub9ac rems\ub294 \uac1c\ubcc4 \uc694\uc18c\ub098 \uadf8 \ubd80\ubaa8\ub85c\ubd80\ud130 \uae00\uaf34 \uc18d\uc131\uc744 \uc0c1\uc18d\ubc1b\uc9c0 \uc54a\uace0 \ub300\uc2e0 \ube0c\ub77c\uc6b0\uc800\uc758 \uae00\uaf34 \ud06c\uae30\uc5d0 \ub530\ub77c \ud06c\uae30\uac00 \uc870\uc815\ub429\ub2c8\ub2e4.<\/p>\n<h2>\ubdf0\ud3ec\ud2b8 \uae30\ubc18 \ub2e8\uc704<\/h2>\n<p>VW(\ubdf0\ud3ec\ud2b8 \ub108\ube44)\ub294 \ube0c\ub77c\uc6b0\uc800 \ucc3d\uc758 \ub108\ube44\ub97c \uce21\uc815\ud558\uc5ec \ubdf0\ud3ec\ud2b8 \ub108\ube44\uc5d0 \ube44\ub840\ud558\uc5ec \uc870\uc815\ub429\ub2c8\ub2e4.<\/p>\n<h2>\ubd84\uc218 \ub2e8\uc704<\/h2>\n<p>\ubd84\uc218 \ub2e8\uc704(fr)\ub294 Quick Stack \uc694\uc18c\uc640 \uac19\uc740 \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3 \uc18d\uc131 \ub0b4\uc5d0\uc11c \ud6a8\uacfc\uc801\uc785\ub2c8\ub2e4.<\/p>\n<p>4\uc5f4 \uadf8\ub9ac\ub4dc\uc5d0\uc11c \uc791\uc5c5\ud558\ub294 \uacbd\uc6b0 \uac01 \uc5f4\uc740 \uae30\ubcf8\uc801\uc73c\ub85c 1fr\ub85c \uc124\uc815\ub418\uc5b4 \uadf8\ub9ac\ub4dc \uacf5\uac04\uc758 1\/4\uc744 \ud560\ub2f9\ud569\ub2c8\ub2e4. \uc5f4\uc744 \ucd94\uac00\ud558\uba74 \uac01 fr\uc774 1\/5\ub85c \uc870\uc815\ub429\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc7a5\uce58\uc758 \uc720\uc5f0\uc131\uc740 \uc5f4 \uac04\uaca9\uc744 \ud3ec\ud568\ud55c \uacc4\uc0b0\uc744 \uc790\ub3d9\uc73c\ub85c \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n<p>\ubd84\uc218 \ub2e8\uc704\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n<h2>\ubb38\uc790 \ub2e8\uc704<\/h2>\n<p>\ubb38\uc790 \ub2e8\uc704(CH)\ub294 \ub2e8\ub77d\uc774\ub098 \uc81c\ubaa9\uacfc \uac19\uc740 \uc694\uc18c\uc758 \ub108\ube44\ub97c \uc124\uc815\ud558\uc5ec \uc904\ub2f9 \ubb38\uc790 \uc218\ub97c \uc81c\uc5b4\ud558\ub294 \ub370 \uc774\uc0c1\uc801\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4 \ub2e8\ub77d\uc758 \ucd5c\ub300 \ub108\ube44\ub97c 60ch\ub85c \uc81c\ud55c\ud558\uba74 \uc120\ud0dd\ud55c \uae00\uaf34(\ubb38\uc790 \ub108\ube44 0)\uc744 \uae30\uc900\uc73c\ub85c 60\uc790\ub97c \uc218\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \uc0c1\uc790 \ud06c\uae30\uac00 \uc870\uc815\ub429\ub2c8\ub2e4. \uc774 \uc7a5\uce58\ub97c \uc0ac\uc6a9\ud558\uba74 \ud2b9\ud788 \ubb38\uc790 \uae30\ubc18 \uc81c\uc57d \uc870\uac74\uc758 \uacbd\uc6b0 \ud14d\uc2a4\ud2b8 \ub108\ube44\ub97c \uc815\ubc00\ud558\uac8c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\ucd5c\uc18c \ubc0f \ucd5c\ub300 \ud06c\uae30 \uc81c\uc57d<\/h2>\n<p>\uc694\uc18c\uc758 \ub108\ube44\ub97c 50%\ub85c \uc9c0\uc815\ud558\uba74 \uc0c1\uc704 \uc694\uc18c \ub0b4 \uacf5\uac04\uc758 \uc808\ubc18\uc744 \ucc28\uc9c0\ud569\ub2c8\ub2e4( <strong>\ubd80\ubd84<\/strong>). \ubdf0\ud3ec\ud2b8\uc758 \ud06c\uae30\uac00 \uc870\uc815\ub418\uba74 \uc694\uc18c\uc758 \ud06c\uae30\ub3c4 \uadf8\uc5d0 \ub9de\ucdb0 \uc870\uc815\ub429\ub2c8\ub2e4.<\/p>\n<p>\ucd5c\uc18c(\uc608: 200px) \ubc0f \ucd5c\ub300(\uc608: 500px) \ub108\ube44 \uc81c\ud55c\uc744 \ub3c4\uc785\ud558\uba74 \uc694\uc18c\uac00 \ub2e4\uc591\ud55c \ubdf0\ud3ec\ud2b8 \ud06c\uae30\uc5d0 \ub9de\ucdb0 200~500\ud53d\uc140\uc758 \ub108\ube44 \ubc94\uc704\ub97c \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc77c\ubc18\uc801\uc778 \ubc29\ubc95\uc5d0\ub294 \uc804\uccb4 \ub192\uc774 \uc139\uc158(\uc608: 100vh) \uc124\uc815\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc774 \uc811\uadfc \ubc29\uc2dd\uc740 \uc694\uc18c\uac00 \ubdf0\ud3ec\ud2b8 \ud558\ub2e8\uc5d0\uc11c \uc624\ubc84\ud50c\ub85c\ub418\uac70\ub098 \uc798\ub9ac\uae30 \uc2dc\uc791\ud560 \ub54c \uc2dc\uac01\uc801 \ubb38\uc81c\ub97c \uc77c\uc73c\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<blockquote><p><strong>\ud301:<\/strong> \ucd5c\uc18c \ub192\uc774 \uc18d\uc131\uc744 \ud65c\uc6a9\ud558\uc5ec \uace0\uc815 \uc139\uc158 \ub192\uc774\ub97c \uc81c\uac70\ud558\uace0 \ub300\uc2e0 \ucd5c\uc18c \ub192\uc774 100vh\ub97c \uc801\uc6a9\ud569\ub2c8\ub2e4. \uc774\ub807\uac8c \ud558\uba74 \uc139\uc158\uc774 \ud56d\uc0c1 \uc804\uccb4 \ubdf0\ud3ec\ud2b8 \ub192\uc774 \uc774\uc0c1\uc73c\ub85c \ud655\uc7a5\ub429\ub2c8\ub2e4.<\/p><\/blockquote>\n<p>\uc608\ub97c \ub4e4\uc5b4 \uc139\uc158 \ub192\uc774\ub97c \ucd5c\uc18c \ub192\uc774\ub85c 800\ud53d\uc140\ub85c \uc124\uc815\ud558\uba74 800\ud53d\uc140 \ub192\uc774\uac00 \ubcf4\uc7a5\ub418\ub294 \ub3d9\uc2dc\uc5d0 \ucf58\ud150\uce20 \ub108\ube44 \uc870\uc815\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4(\ud544\uc694\ud55c \uacbd\uc6b0 \uc218\uc9c1 \ud655\uc7a5 \ud5c8\uc6a9).<\/p>\n<p>\ub2e8\ub77d \ub108\ube44\ub97c \uc57d 60\uc790\ub85c \uc81c\ud55c\ud558\ub824\ub294 \uacbd\uc6b0 \ucd5c\ub300 \ub108\ube44(\uc608: 60ch)\ub97c \uc801\uc6a9\ud558\ub3c4\ub85d \uac1c\ubcc4 \ub2e8\ub77d\uc744 \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ub2e8\ub77d \ub108\ube44 \uc81c\ud55c\uc744 \uc57d 60\uc790\ub85c \ud45c\uc900\ud654\ud569\ub2c8\ub2e4.<\/p>\n<h2>\uc885\ud6a1\ube44 \uc124\uc815<\/h2>\n<p>\uc885\ud6a1\ube44 \uc124\uc815\uc740 \uc0ac\uc774\ud2b8 \uc804\uccb4\uc758 \uc694\uc18c \ud06c\uae30 \uc870\uc815\uc5d0 \ub300\ud574 \uc0ac\uc804 \uc815\uc758\ub418\uace0 \uc0ac\uc6a9\uc790 \uc815\uc758 \uac00\ub2a5\ud55c \ube44\uc728\uc744 \uc81c\uacf5\ud558\uba70, \ud2b9\ud788 \ud2b9\uc815 \ube44\uc728\uc774 \ud544\uc694\ud55c \uc774\ubbf8\uc9c0, \ube44\ub514\uc624 \ubc0f \uadf8\ub9ac\ub4dc \ub808\uc774\uc544\uc6c3\uc5d0 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p>5\uac1c\uac00 \uc788\ub2e4 <strong>\ube44\uc728<\/strong> \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc0ac\uc804 \uc124\uc815:<\/p>\n<ul role=\"list\">\n<li><strong>\uc790\ub3d9<\/strong> \u2014 \ud544\uc694\uc5d0 \ub530\ub77c \ud06c\uae30\ub97c \uc870\uc815\ud558\uace0 \uc720\uc5f0\ud55c \ub808\uc774\uc544\uc6c3\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uc544\ub098\ubaa8\ud53d(2.39:1)<\/strong> \u2014 \ub113\uc740 \ud06c\uae30\uac00 \ud544\uc694\ud55c \uc601\ud654\uc801 \uacbd\ud5d8\uc5d0 \uc774\uc0c1\uc801\uc785\ub2c8\ub2e4.<\/li>\n<li><strong>\uc720\ub2c8\ube44\uc2dc\uc6c0\/\ub137\ud50c\ub9ad\uc2a4(2:1)<\/strong> \u2014 \ucd5c\uc2e0 TV \ubc0f \uc2a4\ud2b8\ub9ac\ubc0d \ucf58\ud150\uce20\uc5d0 \uc801\ud569<\/li>\n<li><strong>\uc640\uc774\ub4dc\uc2a4\ud06c\ub9b0(16:9)<\/strong> \u2014 \ub113\uc740 \ub808\uc774\uc544\uc6c3 \uc694\uc18c\uc5d0 \ucd5c\uc801<\/li>\n<li><strong>\ud48d\uacbd(3:2)<\/strong> \u2014 \uc57d\uac04 \ub354 \ud070 \uc6f9 \uc694\uc18c\uc5d0 \uc720\uc6a9\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uc778\ubb3c(2:3)<\/strong> \u2014 \ud0a4\uac00 \ud070 \ub808\uc774\uc544\uc6c3 \uc694\uc18c\uc5d0 \uc774\uc0c1\uc801<\/li>\n<li><strong>\uc815\uc0ac\uac01\ud615(1:1)<\/strong> \u2014 \uade0\ud615 \uc7a1\ud78c \ub808\uc774\uc544\uc6c3 \ud56d\ubaa9\uc5d0 \uc801\ud569<\/li>\n<li><strong>\uad00\uc2b5<\/strong> \u2014 \ub9de\ucda4\ud615 \ube44\uc728\uc744 \uc124\uc815\ud560 \uc218 \uc788\ub294 \uc720\uc5f0\uc131 \uc81c\uacf5<\/li>\n<\/ul>\n<p>\ub108\ube44 \ubc0f \ub192\uc774\uc640 \uac19\uc740 \uae30\uc874 \ud06c\uae30 \uc870\uc815 \uc18d\uc131\uacfc \ud568\uaed8 \uc885\ud6a1\ube44\ub97c \ud1b5\ud569\ud558\uba74 \uc77c\uad00\uc131\uc774 \ubcf4\uc7a5\ub429\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ubbf8\ub9ac \uc815\uc758\ub41c \uce58\uc218\uac00 \uc788\ub294 \uc694\uc18c\uc5d0 \ud2b9\uc815 \ube44\uc728\uc744 \uc801\uc6a9\ud558\uba74 \uadf8\uc5d0 \ub530\ub77c \ubc18\ub300 \uce58\uc218\ub3c4 \uc870\uc815\ub429\ub2c8\ub2e4. \ube44\uc728\uc744 \uc801\uc6a9\ud558\uae30 \uc804\uc5d0 \ub108\ube44\uc640 \ub192\uc774 \uac12\uc744 \ubaa8\ub450 \uc124\uc815\ud55c \uacbd\uc6b0 \uc9c0\uc815\ub41c \ud06c\uae30\uac00 \uc9c0\uc815\ub41c \ube44\uc728\ubcf4\ub2e4 \uc6b0\uc120\ud569\ub2c8\ub2e4.<\/p>\n<p>\ub0b4\ubd80 \ub0b4\uc6a9\uc5d0 \uad00\uacc4\uc5c6\uc774 \uc694\uc18c \ube44\uc728\uc744 \uc720\uc9c0\ud558\ub824\uba74 <strong>\uacfc\ub2e4<\/strong> \uc7ac\uc0b0 <strong>\uc228\uaca8\uc9c4<\/strong> \uc720\uc775\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/div>\n<\/p>\n<h6><strong>\ud301:<\/strong> \uc774\ubbf8\uc9c0 \ud06c\uae30\ub97c \uc774\ubbf8 \uad6c\uc131\ud588\uace0 \ube44\uc728\uc744 \uc124\uc815\ud558\ub824\ub294 \uacbd\uc6b0 \ub2e4\uc74c\uc744 \uc9c0\uc815\ud558\uc2ed\uc2dc\uc624. <strong>\ub9de\ub2e4<\/strong> ~\ucc98\ub7fc <strong>\uc50c\uc6b0\ub2e4<\/strong>. \uc774\ub807\uac8c \ud558\uba74 \uc774\ubbf8\uc9c0\uc758 \uc801\uc808\ud55c \ud06c\uae30 \uc870\uc815\uc774 \ubcf4\uc7a5\ub429\ub2c8\ub2e4.<\/h6>\n<h6><strong>\uc54c\ub9bc: <\/strong>\uac00\ub85c \uc138\ub85c \ube44\uc728\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc870\uc815\ub41c \uc694\uc18c\ub294 \uc138\ub85c \ubaa8\ub4dc\uc758 \uc791\uc740 \ubaa8\ubc14\uc77c \ud654\uba74\uc5d0\uc11c \ub2e4\ub974\uac8c \ud45c\uc2dc\ub420 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ucc28\uc774\ub294 \uc7a5\uce58 \ud654\uba74 \ub108\ube44\uc640 \ube44\uc728\ub85c \uc815\uc758\ub41c \ube44\ub840 \ub192\uc774 \uac04\uc758 \ubd88\uc77c\uce58\ub85c \uc778\ud574 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc870\uc815\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. <strong>\ube44\uc728<\/strong> \ub2e4\uc591\ud55c \uc911\ub2e8\uc810\uc5d0\uc11c \uac12\uc774\ub098 \uae30\ud0c0 \ud06c\uae30 \uad00\ub828 \ub9e4\uac1c\ubcc0\uc218\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc6d0\ud558\ub294 \ub808\uc774\uc544\uc6c3\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ub354 \ud070 \uc911\ub2e8\uc810\uc758 \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud574 \uc640\uc774\ub4dc\uc2a4\ud06c\ub9b0 \uc885\ud6a1\ube44\ub97c \uc124\uc815\ud558\uace0 \ubaa8\ubc14\uc77c \uc911\ub2e8\uc810\uc758 \ub3d9\uc77c\ud55c \uc774\ubbf8\uc9c0\uc5d0 \ub300\ud574 \uc815\uc0ac\uac01\ud615 \uc885\ud6a1\ube44\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/h6>\n<h2>\uacfc\uc789\u00a0<\/h2>\n<p>\uc694\uc18c\uc758 \ud06c\uae30(\ub108\ube44 \ubc0f \ub192\uc774)\uac00 \uc9c0\uc815\ub418\uc5b4 \uc788\uace0 \ucf58\ud150\uce20\ub97c \uc704\ud55c \uacf5\uac04\uc774 \ucda9\ubd84\ud558\uc9c0 \uc54a\uc740 \uacbd\uc6b0 \uc790\ub3d9\uc73c\ub85c \uc624\ubc84\ud50c\ub85c\uac00 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8\ub294 \uacc4\uc18d \ud45c\uc2dc\ub429\ub2c8\ub2e4. \uc694\uc18c\ub97c \uc120\ud0dd\ud558\uba74 \ub2e4\uc74c\uc73c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong> &gt; <strong>\ud06c\uae30<\/strong> &gt; <strong>\uacfc\ub2e4<\/strong>, \ucd08\uae30 \uc120\ud0dd\uc774 <strong>\ubcf4\uc774\ub294<\/strong> (\ub208) \uc544\uc774\ucf58\uc740 \ub118\uce58\ub294 \ud14d\uc2a4\ud2b8\uac00 \uae30\ubcf8\uc801\uc73c\ub85c \uacc4\uc18d \ud45c\uc2dc\ub428\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.\u00a0<\/p>\n<p>\uc624\ubc84\ud50c\ub85c \ucc98\ub9ac\ub97c \uc704\ud55c \ub2e4\ub978 \ub300\uc548\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul role=\"list\">\n<li><strong>\uc228\uae30\ub2e4<\/strong> \uc694\uc18c \uacbd\uacc4 \ub108\uba38\uc758 \ucf58\ud150\uce20\ub97c \uc228\uae41\ub2c8\ub2e4.\u00a0<\/li>\n<li><strong>\uc2a4\ud06c\ub864<\/strong> \uc0ac\uc6a9\uc790\uc758 OS \ubc0f \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub530\ub77c \uc2a4\ud06c\ub864 \ub9c9\ub300\ub97c \ud45c\uc2dc\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 Div \ube14\ub85d \ucf58\ud150\uce20\ub97c \ud0d0\uc0c9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/li>\n<li><strong>\uc790\ub3d9<\/strong> \uc2a4\ud06c\ub864\uc744 \uc6a9\uc774\ud558\uac8c \ud569\ub2c8\ub2e4(\uc774\ub97c \uad6c\ud604\ud558\uae30 \uc804\uc5d0 \uc624\ubc84\ud50c\ub85c\uc5d0 \ub300\ud55c \uc0c1\ub2f9\ud55c \ucf58\ud150\uce20\uac00 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694)<\/li>\n<\/ul>\n<h2>\uac1d\uccb4 \ud53c\ud305\u00a0<\/h2>\n<figure class=\"w-richtext-align-fullwidth w-richtext-figure-type-video\">\n<div><iframe allowfullscreen frameborder scrolling=\"no\" src=\"https:\/\/www.youtube.com\/embed\/7Ma2GavhHlI\"><\/iframe><\/div>\n<\/figure>\n<p>\u200d<\/p>\n<p>\uac1d\uccb4 \ub9de\ucda4\uc744 \ud65c\uc6a9\ud558\ub824\uba74 <strong>\ud06c\uae30<\/strong> \uc139\uc158 \ub0b4\uc758 <strong>\uc2a4\ud0c0\uc77c \ud328\ub110<\/strong>:<\/p>\n<ol role=\"list\">\n<li>\uc0c1\uc704 \uc694\uc18c\uc758 \ud06c\uae30(\ub108\ube44 \ubc0f \ub192\uc774)\ub97c \uc9c0\uc815\ud569\ub2c8\ub2e4(\uc608: <strong>Div \ube14\ub85d<\/strong>)<\/li>\n<li>\ud558\uc704 \uc694\uc18c(\uc608: Div \ube14\ub85d \ub0b4\uc5d0 \uc911\ucca9\ub41c \uc774\ubbf8\uc9c0)\uc5d0 100% \ub108\ube44\uc640 \ub192\uc774\ub97c \ud560\ub2f9\ud569\ub2c8\ub2e4.<\/li>\n<li>\ucc44\uc6b0\uae30, \ud3ec\ud568, \ub36e\uae30, \uc5c6\uc74c, \ucd95\uc18c \ub4f1 \ub9de\ucda4 \uc635\uc158\uc744 \uc2e4\ud5d8\ud574 \ubcf4\uc138\uc694. \ud504\ub85c\uc81d\ud2b8\uc5d0 \uac00\uc7a5 \uc801\ud569\ud55c \uc635\uc158\uc744 \uc120\ud0dd\ud558\uc138\uc694.<\/li>\n<\/ol>\n<blockquote><p><strong>\uc911\uc694\ud55c<\/strong>: \uac1c\uccb4 \ub9de\ucda4\uc744 \ucc98\ub9ac\ud560 \ub54c \uc0c1\uc704 \uc694\uc18c\uac00 \ub108\ube44\uc640 \ub192\uc774\ub97c \ubaa8\ub450 \uac16\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \uc774\ub294 \uc0c1\uc704 \uc694\uc18c \ub0b4\uc758 \ubaa8\ub4e0 \uac1c\uccb4 \ub9de\ucda4 \uc124\uc815 \ud06c\uae30 \ucf58\ud150\uce20\uc5d0 \uc911\uc694\ud569\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uac1d\uccb4 \ub9de\ucda4\uc740 <em>\uc5b4\ub9b0\uc774<\/em> \ubd80\ubaa8\uc758.<\/p><\/blockquote>\n<\/div>","protected":false},"excerpt":{"rendered":"\uc694\uc18c\uc758 \ud06c\uae30\ub97c \uc815\uc758\ud558\uace0, \ucd5c\uc18c \ubc0f \ucd5c\ub300 \ub108\ube44\uc640 \ub192\uc774 \uac12\uc744 \uc124\uc815\ud558\uace0, \uc694\uc18c \uacbd\uacc4\ub97c \ub118\ub294 \ucf58\ud150\uce20\ub97c \uc228\uae41\ub2c8\ub2e4.","protected":false},"author":2,"featured_media":5261,"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-5954","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\/5954","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=5954"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5954\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5261"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=5954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=5954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=5954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}