{"id":6200,"date":"2024-04-14T14:26:42","date_gmt":"2024-04-14T06:26:42","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6200"},"modified":"2024-04-14T14:26:42","modified_gmt":"2024-04-14T06:26:42","slug":"design-for-bigger-screens-using-webflow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/design-for-bigger-screens-using-webflow\/","title":{"rendered":"Webflow\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub354 \ud070 \ud654\uba74\uc744 \uc704\ud55c \ub514\uc790\uc778"},"content":{"rendered":"
\n

\uc6b0\ub9ac\ub294 27\uc778\uce58\ub9cc\ud07c \ub113\uc9c0 \uc54a\uc740 \ud654\uba74\uc5d0\uc11c \ub514\uc790\uc778\uc744 \ub9cc\ub4dc\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 MacBook Pro \ub178\ud2b8\ubd81\uacfc \uac19\uc740 \uc18c\ud615 \uc7a5\uce58\uc5d0\uc11c\ub294 \ub354\uc6b1 \uadf8\ub807\uc2b5\ub2c8\ub2e4. \uc6f9\uc0ac\uc774\ud2b8\uc758 \ucf58\ud150\uce20\ub294 \uc791\uc740 \ud654\uba74\uc5d0\uc11c\ub294 \uc798 \ubcf4\uc774\uc9c0\ub9cc iMac\uacfc \uac19\uc740 \ud070 \uc7a5\uce58\uc5d0\uc11c \ubcf4\uba74 \uadf8\ub2e4\uc9c0 \ub9e4\ub825\uc801\uc73c\ub85c \ubcf4\uc774\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ubd88\uc77c\uce58\ub294 \ub2e4\uc74c\uacfc \uac19\uc740 \uc774\uc720\ub85c \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc139\uc158<\/strong> (\uc6b0\ub9ac \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \ubd80\ubd84)\uc774 \uc9c0\ub098\uce58\uac8c \ub113\uc5b4 \ubcf4\uc785\ub2c8\ub2e4. \ub514\uc790\uc778\uc774 \ubc18\uc751\ud615\uc778\uc9c0 \ud655\uc778\ud558\uba74 \ube0c\ub77c\uc6b0\uc800\uc758 \ub108\ube44\uc5d0 \ub530\ub77c \ucf58\ud150\uce20\ub97c \uc870\uc815\ud558\uace0 \uc7ac\ubc30\uc5f4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc774 \ud29c\ud1a0\ub9ac\uc5bc\uc5d0\uc11c\ub294 \ub2e4\uc74c \ub0b4\uc6a9\uc744 \uc790\uc138\ud788 \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n

    \n
  1. \ub798\ud37c \uc124\uc815<\/li>\n
  2. \ub514\uc790\uc778 \ud14c\uc2a4\ud2b8<\/li>\n<\/ol>\n

    \ub370\ubaa8\uc5d0\uc11c\ub294 Body \uc694\uc18c \ub0b4\uc5d0 \uc139\uc158 \uc694\uc18c\ub97c \ud1b5\ud569\ud588\uc2b5\ub2c8\ub2e4. \uc774 \uc139\uc158 \ub0b4\uc5d0\uc11c \ucee8\ud14c\uc774\ub108 \uc694\uc18c\ub294 \ucf58\ud150\uce20\ub97c \ud3ec\ud568\ud569\ub2c8\ub2e4.<\/p>\n

    \uc139\uc158\uc740 \uae30\ubcf8\uc801\uc73c\ub85c div\ub85c \uc791\ub3d9\ud558\uba70 \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uc804\uccb4 \ub108\ube44\ub97c \ucc28\uc9c0\ud569\ub2c8\ub2e4. \uacb0\uacfc\uc801\uc73c\ub85c \uc804\uccb4 \ub108\ube44 \ud2b9\uc131\uc73c\ub85c \uc778\ud574 \ub354 \ud070 \ud654\uba74\uc5d0\uc11c \ub05d\uc5c6\uc774 \ub098\ud0c0\ub098\ub294 \uacbd\ud5a5\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    \n
    <\/div>\n<\/figure>\n

    \ucd94\uac00\ud568\uc73c\ub85c\uc368 \ubd80\ubd84<\/strong> \uc694\uc18c \ud328\ub110(A)\uc5d0\uc11c \uc694\uc18c\ub97c \ud398\uc774\uc9c0\ub85c \uc774\ub3d9\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ubcf8\ubb38\uc758 \uc804\uccb4 \ub108\ube44\uc5d0 \uac78\uccd0 \ud655\uc7a5\ub429\ub2c8\ub2e4.<\/p>\n

    \ud504\ub85c \ud301<\/strong>: \uc77c\uad00\ub41c \uc6f9\uc0ac\uc774\ud2b8 \uad6c\uc870\ub97c \uc704\ud574\uc11c\ub294 \ub2e4\uc74c\uc744 \ud3ec\ud568\ud558\uc138\uc694. \uc139\uc158<\/strong> body \uc694\uc18c\uc5d0 \ucf58\ud150\uce20\ub97c \uad6c\uc131\ud55c \ub2e4\uc74c \ucee8\ud14c\uc774\ub108<\/strong> \uc774 \uc548\uc5d0 \ubc30\uce58 \uc139\uc158<\/strong>. \uc139\uc158\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694.<\/p>\n

    \uadf8\ub7f0 \ub2e4\uc74c \uc704\uce58\ub97c \uc9c0\uc815\ud558\uc138\uc694. \uc139\uc158<\/strong> ~ \uc774\ub0b4\uc5d0 Div \ube14\ub85d<\/strong>\ub294 \uc774\ub7ec\ud55c \uc139\uc158\uc758 \uc0c1\uc704 \uc694\uc18c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.<\/p>\n

    \ub798\ud37c \uc124\uc815<\/h2>\n

    div\ub97c \uc9c1\uc811 \uc18c\uac1c\ud569\ub2c8\ub2e4. \ubab8<\/strong> \uc694\uc18c.<\/p>\n

    \uadf8\ub7f0 \ub2e4\uc74c \ucf58\ud150\uce20\ub97c \uc548\uc5d0 \ub123\uc73c\uc138\uc694(\uac01\uac01\uc758 \ubd80\ubd84<\/strong> \ub0b4 Div \ube14\ub85d<\/strong>). \uc774\uc5d0 Div \ube14\ub85d<\/strong>, \ub124 \uac00\uc9c0 \uac04\ub2e8\ud55c \ub2e8\uacc4\ub97c \ud1b5\ud574 \ub108\ube44, \uc5ec\ubc31 \ubc0f \ucd5c\ub300 \ub108\ube44\ub97c \uc218\uc815\ud569\ub2c8\ub2e4.<\/p>\n

      \n
    1. \uba3c\uc800 \ud074\ub798\uc2a4 \uc774\ub984\uc744 Div \ube14\ub85d<\/strong> (\uc608: \ub798\ud37c)<\/li>\n
    2. \ub108\ube44\ub97c 100%(\uc804\uccb4 \ub108\ube44\ub97c \ub098\ud0c0\ub0c4)\ub85c \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n
    3. \uc67c\ucabd \ubc0f \uc624\ub978\ucabd \uc5ec\ubc31\uc744 \ubaa8\ub450 \uc790\ub3d9\uc73c\ub85c \uc815\ub82c\ud569\ub2c8\ub2e4(\uac00\uc6b4\ub370 \uc815\ub82c).<\/li>\n
    4. \ucd5c\ub300 \ub108\ube44 \uc124\uc815(\uc608: 2000\ud53d\uc140)<\/li>\n<\/ol>\n
      \n
      <\/div>\n<\/figure>\n

      2000\ud53d\uc140\ubcf4\ub2e4 \uc881\uc740 \ub178\ud2b8\ubd81\uc5d0\uc11c \ubbf8\ub9ac \ubcf4\uba74 \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc5c6\uc74c\uc744 \uc54c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc65c? \u201cWrapper\u201d\uc5d0 \uc124\uc815\ud55c \ucd5c\ub300 \ub108\ube44\ub294 2000\ud53d\uc140\ub85c \uae30\uc874 \ub178\ud2b8\ubd81\uc758 \ub108\ube44\ub97c \ucd08\uacfc\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n

      \ub514\uc790\uc778 \ud14c\uc2a4\ud2b8<\/h2>\n

      "Wrapper" \uc694\uc18c\ub97c \ud3c9\uac00\ud558\ub294 \ubc29\ubc95\uc5d0\ub294 \ub450 \uac00\uc9c0\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

        \n
      1. \ub354 \ud070 \uc911\ub2e8\uc810 \ud1b5\ud569<\/li>\n
      2. Chrome \uae30\uae30 \ub3c4\uad6c<\/a><\/li>\n<\/ol>\n

        \ub354 \ud070 \uc911\ub2e8\uc810 \uac80\ud1a0<\/h3>\n

        \ub514\uc790\uc774\ub108 \ub0b4\uc5d0\uc11c \uc9c1\uc811 \ub354 \ud070 \uc911\ub2e8\uc810\uc744 \ubbf8\ub9ac \ubcf4\uace0 27\uc778\uce58 iMac \ud654\uba74\uc5d0\uc11c \ub514\uc790\uc778\uc744 \uad6c\uc0c1\ud574 \ubcf4\uc138\uc694.<\/p>\n

        \uc774\ub97c \uc2e4\ud589\ud558\ub824\uba74:<\/p>\n

          \n
        1. \uce94\ubc84\uc2a4 \uc124\uc815\uc5d0 \uc561\uc138\uc2a4<\/li>\n
        2. \ud53d\uc140 \uac12\uc744 \uc785\ub825\ud558\uc138\uc694(\uc608: 2560).<\/li>\n
        3. \ud0a4\ubcf4\ub4dc\uc5d0\uc11c Return \ud0a4\ub97c \ub204\ub974\uc138\uc694.<\/li>\n<\/ol>\n
          \n
          <\/div>\n<\/figure>\n

          \uac01 \ubcc0\uacbd \uc0ac\ud56d\uc740 \ud6c4\uc18d \uc2a4\ucf00\uc77c\ub9c1 \ud6a8\uacfc(\uc608: 45.5%)\ub97c \ub098\ud0c0\ub0b4\uc5b4 \ucf58\ud150\uce20\uac00 \uc6d0\ub798 \ud06c\uae30\uc758 \uac70\uc758 \ub450 \ubc30\uc5d0 \ub2ec\ud558\ub294 \ub514\uc2a4\ud50c\ub808\uc774\uc5d0\uc11c \uc5b4\ub5bb\uac8c \ubcf4\uc774\ub294\uc9c0 \uc5ff\ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

          \ubbf8\ub9ac\ubcf4\uae30 \ubaa8\ub4dc\uc5d0\uc11c\ub294 \uce94\ubc84\uc2a4 \ud06c\uae30\uc5d0 \uad00\uacc4\uc5c6\uc774 \ub370\uc2a4\ud06c\ud1b1, \ud0dc\ube14\ub9bf, \ubaa8\ubc14\uc77c \uc7a5\uce58\uc5d0\uc11c \ub2e4\uc591\ud55c \uc911\ub2e8\uc810 \uc0ac\uc774\ub97c \uc6d0\ud65c\ud558\uac8c \uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

          \n
          <\/div>\n<\/figure>\n

          Chrome \uae30\uae30 \ub3c4\uad6c<\/h3>\n

          Google\uc758 \ube0c\ub77c\uc6b0\uc800\ub294 \uc7a5\uce58 \ubaa8\ub4dc \uae30\ub2a5\uc744 \ud1b5\ud574 \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0\uc11c\uc758 \uc6f9\ud398\uc774\uc9c0 \ubaa8\uc591\uacfc \uc0c1\ud638 \uc791\uc6a9\uc744 \uc5d0\ubbac\ub808\uc774\uc158\ud569\ub2c8\ub2e4. \uc774 \uc5d0\ubbac\ub808\uc774\uc158\uc740 Canvas \uc124\uc815 \uc870\uc815\uc744 \ubaa8\ubc29\ud558\uc5ec \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc9c1\uc811 \ub2e4\uc591\ud55c \uc7a5\uce58\ub97c \uacbd\ud5d8\ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc90d\ub2c8\ub2e4.<\/p>\n

          \uc774\ub97c \ud65c\uc6a9\ud558\ub824\uba74:<\/p>\n

            \n
          1. Toggle Device Toolbar\ub97c \ud074\ub9ad\ud558\uba74 \ubdf0\ud3ec\ud2b8\ub97c \ubaa8\ubc29\ud560 \uc218 \uc788\ub294 UI\uac00 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/li>\n
          2. \uc0c1\ub2e8 \ud328\ub110\uc5d0 \uc6d0\ud558\ub294 \uce58\uc218(\ub108\ube44\/\ub192\uc774)\ub97c \uc785\ub825\ud558\uc138\uc694.<\/li>\n<\/ol>\n
            \n
            <\/div>\n<\/figure>\n

            \uc7a5\uce58 \ub3c4\uad6c \ubaa8\uc74c\uc740 \uc77c\ubc18\uc801\uc73c\ub85c \uae30\ubcf8\uc801\uc73c\ub85c \ubc18\uc751\ud615 \ubdf0\ud3ec\ud2b8 \ubaa8\ub4dc\uc5d0\uc11c \uc5f4\ub9bd\ub2c8\ub2e4. \ud578\ub4e4\uc744 \ub4dc\ub798\uadf8\ud558\uc5ec \ubdf0\ud3ec\ud2b8 \ud06c\uae30\ub97c \uc6d0\ud558\ub294 \ud06c\uae30\ub85c \uc870\uc815\ud558\uac70\ub098 \ub108\ube44 \ubc0f \ub192\uc774 \ud544\ub4dc\uc5d0 \ud2b9\uc815 \uac12\uc744 \uc785\ub825\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

            \uc774\uac83\uc73c\ub85c Webflow\uc758 \ub300\ud615 \ud654\uba74 \uc124\uacc4\uc5d0 \ub300\ud55c \uac00\uc774\ub4dc\ub97c \ub9c8\uce69\ub2c8\ub2e4.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\uce94\ubc84\uc2a4 \ud06c\uae30\ub97c \ud2b9\uc815 \ud53d\uc140 \ub108\ube44\ub85c \uc870\uc815\ud558\uac70\ub098 \ubc31\ubd84\uc728\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc0ac\uc6a9 \uc911\uc778 \ub514\uc2a4\ud50c\ub808\uc774\ubcf4\ub2e4 \ub354 \ub113\uc740 \ub108\ube44\ub85c \ucd95\uc18c\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":6201,"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-6200","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\/6200","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=6200"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/6200\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/6201"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=6200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=6200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=6200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}