{"id":6886,"date":"2024-04-14T16:15:16","date_gmt":"2024-04-14T08:15:16","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6886"},"modified":"2024-04-14T16:15:16","modified_gmt":"2024-04-14T08:15:16","slug":"adaptable-visuals","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/adaptable-visuals\/","title":{"rendered":"\uc801\uc751 \uac00\ub2a5\ud55c \uc2dc\uac01\uc801 \uc694\uc18c"},"content":{"rendered":"
\n
\n
\"Webflow\ub85c<\/div>\n<\/figure>\n

\uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc601\uc0c1\uc744 \uc5c5\ub85c\ub4dc\ud558\uba74 Webflow\ub294 \uc5c5\ub85c\ub4dc\ub41c \uc601\uc0c1\uc758 \ubcc0\ud615\uc744 \uc0dd\uc131\ud558\uc5ec \ubaa8\ub4e0 \uac00\uc82f\uc5d0 \uc6d0\ud65c\ud558\uac8c \uc801\uc751\ud558\uace0 \uc2e0\uc18d\ud558\uac8c \ub85c\ub4dc\ub418\ub3c4\ub85d \ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ubaa8\ubc14\uc77c \ud398\uc774\uc9c0 \ub85c\ub529 \uc18d\ub3c4\ub97c \ucd5c\ub300 10\ubc30\uae4c\uc9c0 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc2dc\uac01\uc801\uc778 \ub0b4\uc6a9\uc744 \uc801\uc751 \uac00\ub2a5\ud558\uac8c \ub9cc\ub4e4\uae30 \uc704\ud574 \ube0c\ub77c\uc6b0\uc800\ub294 \ud398\uc774\uc9c0\uc758 \ud06c\uae30\uc640 \ud654\uba74 \ud574\uc0c1\ub3c4\uc5d0 \ub530\ub77c \uc2dc\uac01\uc801\uc778 \ud06c\uae30\uac00 \ub2e4\ub978 \ubc84\uc804\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. srcset<\/strong> \uadf8\ub9ac\uace0 \ud06c\uae30<\/strong> \ub2f9\uc2e0\uc758 \uc18d\uc131 <img><\/strong> \uac15\uc694). \ub2e4\uc591\ud55c \ud06c\uae30\uc758 \uc2dc\uac01\uc801 \ubc84\uc804\uc5d0 \ub300\ud55c \ube0c\ub77c\uc6b0\uc800 \uc561\uc138\uc2a4 \uad8c\ud55c\uc744 \ubd80\uc5ec\ud558\uae30 \uc704\ud574 Webflow\ub294 \uac01 \uc2dc\uac01\uc801 \uc0ac\ud6c4 \uc5c5\ub85c\ub4dc\uc5d0 \ub300\ud55c \ubcc0\ud615 \uc138\ud2b8\ub97c \ub9cc\ub4e0 \ub2e4\uc74c \uac01 \ubcc0\ud615\uc744 \uc81c\uacf5\ud560 \uc2dc\uae30\ub97c \uacb0\uc815\ud558\uae30 \uc704\ud574 \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub300\ud55c \uc778\ucf54\ub529 \uc9c0\uce68\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n

\uc911\ub300\ud55c:<\/strong> \ucd08\uae30 \uc601\uc0c1\uc774 \uc801\uc808\ud558\uac8c \uc555\ucd95\ub41c \uacbd\uc6b0 Webflow\ub294 \uc6d0\ubcf8 \uc601\uc0c1\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p><\/blockquote>\n

\uc0ac\uc774\ud2b8 \uc804\uccb4\uc5d0 \uc801\uc6a9 \uac00\ub2a5\ud55c \uc2dc\uac01\uc801 \uac1c\uccb4\ub97c \uc218\ub3d9\uc73c\ub85c \ub9cc\ub4e4\uae30 \uc704\ud55c \uc9c0\uce68<\/h2>\n

Webflow\ub294 \uc0ac\uc774\ud2b8 \ud398\uc774\uc9c0\uc5d0 \ucc38\uc5ec\ud560 \ub54c \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \ud3c9\uac00\ud558\uace0 \uc801\uc751 \uac00\ub2a5\ud55c \ubcc0\ud615\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 \ub2e4\ub978 \ud398\uc774\uc9c0\uc758 \uc2dc\uac01\uc801 \uc694\uc18c\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce58\ub294 \uc218\uc815 \uc0ac\ud56d(\uc608: \uad6c\uc131 \uc694\uc18c \ub610\ub294 category \ud3b8\uc9d1)\uc744 \ub3c4\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \uc801\uc751 \uac00\ub2a5\ud55c \uc0c1\ud0dc\ub85c \uc720\uc9c0\ud558\ub824\uba74 \uc601\ud5a5\uc744 \ubc1b\uc740 \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\uac70\ub098 \ud0a4\ubcf4\ub4dc \ub2e8\ucd95\ud0a4\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uba85\ub839<\/strong> + \uc62e\uae30\ub2e4<\/strong> + \ub098<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 \uc81c\uc5b4<\/strong> + \uc62e\uae30\ub2e4<\/strong> + \ub098 <\/strong>(Windows\uc758 \uacbd\uc6b0) Designer\uac00 \ubaa8\ub4e0 \ud398\uc774\uc9c0\ub97c \ubd84\uc11d\ud558\uace0 \uc7ac\uc870\uc815\ud569\ub2c8\ub2e4.<\/p>\n

2016\ub144 9\uc6d4 \uc774\uc804\uc5d0 \uc124\ub9bd\ub41c \uc0ac\uc774\ud2b8\uc5d0 \ub300\ud55c \uc801\uc751\ud615 \uc2dc\uac01\uc801 \uc0dd\uc131 \uc9c0\uce68<\/h3>\n

\uc0ac\uc774\ud2b8\uac00 2016\ub144 9\uc6d4 14\uc77c \uc774\uc804\uc5d0 \uc0dd\uc131\ub41c \uacbd\uc6b0 \uc0ac\uc774\ud2b8\uc5d0 \uc801\uc751\ud615 \uc2dc\uac01\uc801 \uc694\uc18c\ub97c \uc0dd\uc131\ud558\ub824\uba74 \uac04\ub2e8\ud55c \uc808\ucc28\ub97c \uac70\uccd0\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc5d0 Designer\uc5d0 \uc561\uc138\uc2a4\ud558\uba74 \ub9c8\uc774\uadf8\ub808\uc774\uc158 \ud504\ub85c\uc138\uc2a4\ub97c \uc2dc\uc791\ud558\ub77c\ub294 \ub300\ud654 \uc0c1\uc790\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\u00a0<\/p>\n

\uc774 \ud504\ub85c\uc138\uc2a4\ub294 \uc0ac\uc774\ud2b8 \ud06c\uae30\uc5d0 \ub530\ub77c \uba87 \ubd84 \uc815\ub3c4 \uac78\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc791\uc5c5\uc744 \ub098\uc911\uc5d0 \uc218\ud589\ud558\ub824\ub294 \uacbd\uc6b0 \uc5b8\uc81c\ub4e0\uc9c0 \ub2e4\uc74c\uc5d0\uc11c \ud504\ub85c\uc138\uc2a4\ub97c \ud2b8\ub9ac\uac70\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc790\uc0b0 \ud328\ub110<\/strong> \ub610\ub294 \ud0a4\ubcf4\ub4dc \ub2e8\ucd95\ud0a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uba85\ub839<\/strong> + \uc62e\uae30\ub2e4<\/strong> + \ub098<\/strong> (Mac\uc758 \uacbd\uc6b0) \ub610\ub294 \uc81c\uc5b4<\/strong> + \uc62e\uae30\ub2e4<\/strong> + \ub098 <\/strong>(\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c).<\/p>\n

\uc801\uc751\ud615 \uc2dc\uac01\uc801 \uc694\uc18c\uc5d0 \ub300\ud55c \uacb0\uc815<\/h2>\n

\ud2b9\uc815 \uc2dc\uac01\uc801 \uac1c\uccb4\uc5d0 \ub300\ud574 \uc774 \uae30\ub2a5\uc744 \ube44\ud65c\uc131\ud654\ud558\ub824\uba74(\uc608: \ube0c\ub77c\uc6b0\uc800\uac00 \uc6d0\ub798 \uc2dc\uac01\uc801 \ud06c\uae30\ub97c \ud65c\uc6a9\ud558\ub3c4\ub85d \uac15\uc81c\ud558\ub824\ub294 \uacbd\uc6b0):<\/p>\n

    \n
  1. \uce94\ubc84\uc2a4\uc5d0\uc11c \uc2dc\uac01\uc801 \uac1c\uccb4 \uc120\ud0dd<\/li>\n
  2. \uc785\uc7a5 \uc124\uc815 \ud328\ub110<\/strong> > \uc774\ubbf8\uc9c0 \uc124\uc815<\/strong><\/li>\n
  3. \uc120\ud0dd \ucde8\uc18c \uc774\ubbf8\uc9c0\ub294 \uc801\uc751 \uac00\ub2a5\ud569\ub2c8\ub2e4. <\/strong>checkbox<\/li>\n<\/ol>\n

    \uc0c1\ud638 \uc791\uc6a9\uc744 \ud1b5\ud574 \uc801\uc751\ud615 \uc2dc\uac01\uc801 \uac1c\uccb4 \uc81c\uc5b4<\/h2>\n

    Webflow\ub294 \uc2dc\uac01\uc801 \ud06c\uae30\ub97c \uc870\uc815\ud560 \uc218 \uc788\ub294 \ud638\ubc84 \uc0c1\ud0dc\ub098 \uc0c1\ud638 \uc791\uc6a9\uc774 \uc544\ub2cc \uc77c\ubc18 \uc0c1\ud0dc\uc5d0\uc11c \uc801\uc751 \uac00\ub2a5\ud55c \uc2dc\uac01\uc801 \uac1c\uccb4\ub97c \ud30c\uc0dd\ud569\ub2c8\ub2e4. \ub9c8\uc6b0\uc2a4 \uc624\ubc84 \uc0c1\ud0dc \uc2a4\ud0c0\uc77c\uc774\ub098 \uc0c1\ud638 \uc791\uc6a9\uc744 \uc0bd\uc785\ud55c \ud6c4\uc5d0\ub294 \uac8c\uc2dc\ud558\uae30 \uc804\uc5d0 \uc0ac\uc774\ud2b8\ub97c \ucca0\uc800\ud788 \uc870\uc0ac\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n

    \ud2b9\uc815 \uc2dc\ub098\ub9ac\uc624\uc5d0\uc11c\ub294 \uc2dc\uac01\uc801 \uc694\uc18c \ud06c\uae30\uc5d0 \ub300\ud55c \ud06c\uae30 \ud2b9\uc131\uc758 \uc601\ud5a5\uc744 \uc7ac\uc815\uc758\ud558\uae30 \uc704\ud574 \ubcf4\uc644 \ub514\uc790\uc778\uc744 \ud1b5\ud569\ud574\uc57c \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ud574\ub2f9 \ucee8\ud14c\uc774\ub108\ub97c \ucc28\uc9c0\ud558\ub824\uba74 \uc2dc\uac01\uc801 \uac1c\uccb4\uc758 \ub108\ube44\ub97c 100%\ub85c \uc9c0\uc815\ud574\uc57c \ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n

    \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 <\/h2>\n

    \uc5b4\ub5a4 \uc885\ub958\uc758 \uc601\uc0c1\uc774 \uc9c0\uc6d0\ub418\ub098\uc694?<\/h3>\n

    \uc774 \uae30\ub2a5\uc740 \uc11c\uc2dd \uc788\ub294 \ud14d\uc2a4\ud2b8 \uc694\uc18c\ub97c \ud1b5\ud574 \ud1b5\ud569\ub41c \uac83\uc744 \uc81c\uc678\ud558\uace0 \ubaa8\ub4e0 \uc778\ub77c\uc778 JPG, PNG \ubc0f WebP \uc2dc\uac01\uc801 \uac1c\uccb4\uc5d0 \ub300\ud574 \uc801\uc751 \uac00\ub2a5\ud55c \ubcc0\ud615\uc744 \uacf5\uc2dd\ud654\ud569\ub2c8\ub2e4. \uac8c\ub2e4\uac00 \ubc30\uacbd \uc601\uc0c1\uae4c\uc9c0 \ud655\uc7a5\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. \ubb34\uc190\uc2e4 \uc555\ucd95\uc774 \uac00\ub2a5\ud558\ubbc0\ub85c \ubcf5\uc7a1\ud558\uac70\ub098 \ubca1\ud130 \uae30\ubc18\uc758 \uc2dc\uac01\uc801 \uac1c\uccb4\uc5d0\ub294 SVG \ubc0f PNG\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n

    \uc2dc\uac01\uc801 \uac1c\uccb4\ub2f9 \uba87 \uac1c\uc758 \ubcc0\ud615\uc774 \uc0dd\uc131\ub429\ub2c8\uae4c?<\/h3>\n

    Webflow\uc5d0\uc11c \uc0dd\uc131\ub41c \ubcc0\ud615 \uc218\ub294 \uc6d0\ubcf8 \uc2dc\uac01\uc801 \uac1c\uccb4\uc758 \ud06c\uae30\uc5d0 \ub530\ub77c \ub2ec\ub77c\uc9d1\ub2c8\ub2e4. \ub108\ube44\uac00 3200px\uc744 \ucd08\uacfc\ud558\uba74 Webflow\ub294 3200px, 2600px, 2000px, 1600px, 1080px, 800px \ubc0f 500px\uc758 7\uac00\uc9c0 \ubcc0\ud615\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n

    \uc601\uc0c1\uc740 \uc5b4\ub5a4 \ud06c\uae30\ub85c \uc5c5\ub85c\ub4dc\ud574\uc57c \ud558\ub098\uc694?<\/h3>\n

    4MB \uc81c\ud55c\uc744 \ubc97\uc5b4\ub098\uc9c0 \uc54a\ub294 \ud55c \ubaa8\ub4e0 \ud06c\uae30\uc758 \uc601\uc0c1\uc744 \uc5c5\ub85c\ub4dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadc0\ud558\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \uc7a5\uce58 \ud06c\uae30\uc640 \ud574\uc0c1\ub3c4\uc5d0 \ub530\ub77c \ucd5c\uc801\uc758 \ubcc0\ud615\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4 \ub108\ube44\uac00 4000px\uc778 \uc6d0\ubcf8 \uc2dc\uac01\uc801 \uac1c\uccb4\ub97c \uc5c5\ub85c\ub4dc\ud588\uc9c0\ub9cc \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ub108\ube44\uac00 300px\ub85c\ub9cc \ud45c\uc2dc\ub418\ub294 \uacbd\uc6b0 \ube0c\ub77c\uc6b0\uc800\ub294 500px Webflow\uc5d0\uc11c \uc0dd\uc131\ub41c \ubcc0\ud615\uc744 \ub80c\ub354\ub9c1\ud569\ub2c8\ub2e4.<\/p>\n

    \uc801\uc751\ud615 \ubcc0\ud615\uc744 \ub0b4\ubcf4\ub0b4\ub098\uc694?<\/h3>\n

    \uae0d\uc815\uc801\uc774\uace0 \uc801\uc751 \uac00\ub2a5\ud55c \uc2dc\uac01\uc801 \uac1c\uccb4\ub294 \ub0b4\ubcf4\ub0b8 \uc0ac\uc774\ud2b8\uc758 srcset \ubc0f \ud06c\uae30 \uc18d\uc131\uc744 \ud2b9\uc9d5\uc73c\ub85c \ud558\uba70 \ubcc0\ud615\uc740 \uc6d0\ubcf8 \uc2dc\uac01\uc801 \uac1c\uccb4\uc640 \ud568\uaed8 .zip \ud30c\uc77c\uc758 \/images \ub514\ub809\ud130\ub9ac\uc5d0 \uc800\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n

    Webflow \ube14\ub85c\uadf8\uc5d0\uc11c \uc801\uc751\ud615 \uc2dc\uac01\uc801 \uc694\uc18c\uc5d0 \ub300\ud55c \ucd94\uac00 \ud1b5\ucc30\ub825\uc744 \uc5bb\uc73c\uc2ed\uc2dc\uc624.<\/a>. \uc801\uc751\ud615 \uc2dc\uac01 \uae30\uc220\uc5d0 \ub300\ud574 \ub354 \uae4a\uc774 \ud0d0\uad6c\ud558\ub294 \ub370 \uad00\uc2ec\uc774 \uc788\ub294 \uac1c\uc778\uc744 \uc704\ud574 A List Apart\uc758 Eric Portis' \uae30\uc0ac<\/a> \ub610\ud55c \uc720\uc775\ud55c \uac83\uc73c\ub85c \ud310\uba85\ub420 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\ubc18\uc751\ud615 \uc774\ubbf8\uc9c0\ub294 \uc790\ub3d9\uc73c\ub85c \ud65c\uc131\ud654\ub418\uc5b4 \ubaa8\ub4e0 \uc7a5\uce58\uc5d0\uc11c \uc774\ubbf8\uc9c0\uac00 \ube60\ub974\uac8c \ub85c\ub4dc\ub418\ub3c4\ub85d \ud569\ub2c8\ub2e4.","protected":false},"author":2,"featured_media":5284,"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-6886","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\/6886","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=6886"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6886\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5245"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}