{"id":17843,"date":"2020-12-03T18:00:27","date_gmt":"2020-12-03T09:00:27","guid":{"rendered":"http:\/\/13.125.82.244\/?p=17843"},"modified":"2020-12-15T11:15:23","modified_gmt":"2020-12-15T02:15:23","slug":"responsively","status":"publish","type":"post","link":"https:\/\/icunow.co.kr\/responsively\/","title":{"rendered":"\ubc18\uc751\ud615 \uc6f9\uc5d0 \ub300\ud55c \ud14c\uc2a4\ud2b8, \uc5ec\ub7ec \ud574\uc0c1\ub3c4\ub97c \ud55c \ub208\uc5d0 \ube44\uad50\ud558\uba70 \ud655\uc778\ud560 \uc218 \uc788\uc5b4\uc694! : Responsively"},"content":{"rendered":"\n

–<\/p>\n\n\n\n

\ubc18\uc751\ud615 \uc6f9\uc73c\ub85c \uad6c\ucd95\ub420 \ud504\ub85c\uc81d\ud2b8 \ub610\ub294 \uad6c\ucd95\ub41c \uc11c\ube44\uc2a4\ub97c \ud14c\uc2a4\ud2b8 \ud560 \ub54c, \uac00\uc7a5 \uc2e0\uacbd\uc4f0\uc774\ub294 \uac74 \ud2b9\uc815 \ud574\uc0c1\ub3c4\uc5d0 \ub530\ub978 \ud655\uc778 \uacfc\uc815\uc774 \uc544\ub2d0\uae4c \uc2f6\uc740\ub370\uc694. \ube0c\ub77c\uc6b0\uc800 \ubcc4 \ud655\uc778\ub3c4 \ud574\uc57c \ud558\ub294\ub370, \ud2b9\uc815 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub2e4\uc2dc \ud574\uc0c1\ub3c4 \ubcc4 \ubb38\uc81c\ub294 \uc5c6\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud558\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \uc624\ub298\uc740 \ub4c0\uc5bc \ubaa8\ub2c8\ud130 \ub4f1\uc758 \ud658\uacbd\uc774 \uc544\ub2c8\ub354\ub77c\ub3c4 \ud55c \ud654\uba74\uc5d0\uc11c \uc5ec\ub7ec \ud574\uc0c1\ub3c4\uc5d0 \ub530\ub978 \uc6f9 \ud398\uc774\uc9c0\ub97c \uc27d\uac8c \ud655\uc778\ud558\uace0 \uad00\ub9ac \ud560 \uc218 \uc788\ub294 \uc11c\ube44\uc2a4 ‘Responsively’\ub97c \uc18c\uac1c<\/strong>\ud558\uace0\uc790 \ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

–<\/p>\n\n\n\n

\uac24\ub7ed\uc2dc \ud3f4\ub4dc \ud574\uc0c1\ub3c4\uae4c\uc9c0 \ud074\ub9ad \ud55c \ubc88\uc73c\ub85c \ud655\uc778 \ud560 \uc218 \uc788\ub294 \uacf3<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Responsively<\/strong>\ub97c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc740 \ud06c\uac8c \ub450 \uac00\uc9c0\uc785\ub2c8\ub2e4. \ud558\ub098\ub294 \ub9e5,\uc708\ub3c4\uc6b0\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \uc124\uce58\ud558\ub294 \uac83\uc774\uace0 \ub610 \ud558\ub098\ub294 \ud06c\ub86c \ub4f1 \ube0c\ub77c\uc6b0\uc800 \ubcc4 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc744 \ud65c\uc6a9\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \uc800\ub294 \ub9e5\uc6a9 \ud504\ub85c\uadf8\ub7a8\uc744 \uc124\uce58\ud574 ‘\uc9c0\uae08 \uc368\ubcf4\ub7ec \uac11\ub2c8\ub2e4(\uc6cc\ub4dc\ud504\ub808\uc2a4\ub85c \uad6c\ucd95)’\ud398\uc774\uc9c0\ub97c \ud655\uc778\ud558\uae30\ub85c \ud588\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uadf8\ub7a8 \ub0b4 \ube0c\ub77c\uc6b0\uc800\uac00 \ud0d1\uc7ac \ub418\uc5b4 \uc788\uc5b4 URL \uc785\ub825 \uc2dc \uc704\uc640 \uac19\uc774 \uae30\ubcf8 \uc124\uc815\ub41c \ud574\uc0c1\ub3c4 \ubcc4 \ud398\uc774\uc9c0 \ud655\uc778\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uc124\uce58 \ud6c4 \ubcc4\ub2e4\ub978 \uc124\uc815 \uc5c6\uc774 7\uac1c\uc758 \ud574\uc0c1\ub3c4\ub97c \ud568\uaed8 \ud655\uc778<\/span> \ud560 \uc218 \uc788\ub294\ub370\uc694. \uc2a4\ub9c8\ud2b8\ud3f0\ubd80\ud130 \ub7a9\ud0d1\uae4c\uc9c0 \uc27d\uac8c \ubaa8\uc544 \ubcfc \uc218 \uc788\ub2e4\ub294 \uc810\uc774 \ub208\uc5d0 \ub755\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uac01 \ud574\uc0c1\ub3c4\ub294 ‘\uc804\uccb4\ubcf4\uae30’\ub97c \ud1b5\ud574 \uc2e4\uc81c \uc0ac\uc774\uc988\ub85c \ud655\uc778 \ud560 \uc218 \uc788\ub294\ub370\uc694. \uc0c1\ub2e8\uc5d0 \ub2e4\ub978 \ud574\uc0c1\ub3c4\uc758 \uc804\uccb4\ud654\uba74\uc73c\ub85c \uc27d\uac8c \uc774\ub3d9 \ud560 \uc218 \uc788\ub3c4\ub85d \ud0ed\uc73c\ub85c \uad6c\ubd84\uc774 \ub418\uc5b4 \uc788\uace0, \uac1c\ubc1c\uc790 \ub3c4\uad6c\ub3c4 \ud074\ub9ad \ud55c \ubc88\uc73c\ub85c \ubcfc \uc218 \uc788\uac8c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uc67c\ucabd \uc0ac\uc774\ub4dc \uba54\ub274\ub97c \ud1b5\ud574 \ub514\ubc14\uc774\uc2a4 \ud574\uc0c1\ub3c4\uc640 \ub808\uc774\uc544\uc6c3 \uc124\uc815\uc774 \uac00\ub2a5\ud558\uba70 (OS\ubcc4 \uc124\uc815\ub3c4 \uac00\ub2a5) \ub2e4\ud06c\/\ub77c\uc774\ud2b8 \ubaa8\ub4dc \uc124\uc815\uc774\ub098 \uc2a4\ud06c\ub9b0\uc0f7 \ub4f1\uc5d0 \ub300\ud55c \uac12\ub3c4 \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc591\ud55c \ud574\uc0c1\ub3c4\uac00 OS\ub098 \ub514\ubc14\uc774\uc2a4 \ud658\uacbd\uc5d0 \ub530\ub77c \uc81c\uacf5\ub41c\ub2e4\ub294 \uc810\uc774 \ub9e4\ub825\uc801!<\/span> <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

URL\uc774 \uc785\ub825\ub41c \ucc3d \uc624\ub978\ucabd\uc73c\ub85c\ub294 \ub2e4\uc591\ud55c \ud589\ub3d9\uc774 \uac00\ub2a5\ud55c \ubc84\ud2bc\uc774 \ubc30\uce58\ub418\uc5b4 \uc788\uc5b4\uc694.<\/span> CSS Editor, Inspect Element, Toggle Touch Mode \ub4f1\uc744 \uc120\ud0dd\ud558\uac70\ub098 \ubcc0\uacbd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5f4\ub824 \uc788\ub294 \ud574\uc0c1\ub3c4 \ubcc4 \ud398\uc774\uc9c0\ub97c \ud55c \ubc88\uc5d0 \uc138\ub85c\uac00 \uc544\ub2cc \uac00\ub85c \uc0ac\uc774\uc988\ub85c \ubc14\uafc0 \uc218\ub3c4 \uc788\uace0\uc694. \uc2a4\ud06c\ub9b0\uc0f7\ub3c4 \ud074\ub9ad \ud55c \ubc88\uc73c\ub85c \uac00\ub2a5\ud569\ub2c8\ub2e4. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uc704 \uc774\ubbf8\uc9c0\ub97c \ubcf4\uba74 \uccab \ubc88\uc9f8 \uc544\uc774\ud3f0X\ub97c \uc81c\uc678\ud55c \ub450, \uc138\ubc88\uc9f8 \uc774\ubbf8\uc9c0\ub294 \ubaa8\ub450 \uac00\ub85c \ud574\uc0c1\ub3c4\ub85c \ubcc0\uacbd\ub41c \ubaa8\uc2b5\uc785\ub2c8\ub2e4. \uc774\ucc98\ub7fc \ud55c \ud654\uba74 \ub0b4 \uc5ec\ub7ec \ud574\uc0c1\ub3c4\uc5d0 \ud574\ub2f9\ud558\ub294 \ud398\uc774\uc9c0\ub97c \uc870\uac74\uc5d0 \ub530\ub77c \ube44\uad50, \ud655\uc778 \ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc774 Responsively\uc758 \uac00\uc7a5 \ud070 \uc7a5\uc810\uc774\uc790 \ub9e4\ub825<\/strong>\uc774\ub77c\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\uae30\ubcf8 \uc124\uc815\ub41c \ud574\uc0c1\ub3c4 \uc678 \uc81c\uacf5\ub418\ub294 \ud574\uc0c1\ub3c4 \uc5ed\uc2dc \ub2e4\uc591\ud569\ub2c8\ub2e4. \ud604\uc7ac \ud65c\uc131\ud654\ub41c \ub514\ubc14\uc774\uc2a4\uc640 \ube44\ud65c\uc131\ud654\ub41c \ub514\ubc14\uc774\uc2a4\ub97c \ubcfc \uc218 \uc788\uace0 \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d \ubc29\uc2dd\uc73c\ub85c \uc27d\uac8c \ubc14\uafc0 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\ub9cc\uc57d \uc6d0\ud558\ub294 \ud574\uc0c1\ub3c4\ub098 \ub514\ubc14\uc774\uc2a4\uac00 \uc5c6\ub2e4\uba74, \uc9c1\uc811 \ucd94\uac00\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud574\uc694. \uc774\ub984, \uc138\ub85c-\uac00\ub85c \ube44\uc728, \ud0c0\uc785, OS \ub4f1 \uc870\uac74\ub3c4 \ud558\ub098\uc529 \ucd94\uac00, \uc120\ud0dd\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n\n\n\n

–<\/p>\n\n\n\n

\ubc18\uc751\ud615 \uc6f9\uc5d0 \ub300\ud55c \ud655\uc778, \uadf8\ub9ac\uace0 \uae30\ubcf8\uc801\uc778 \ub808\uc774\uc544\uc6c3 \ud14c\uc2a4\ud2b8 \ub4f1\uc774 \ud544\uc694\ud560 \ub54c ‘Responsively<\/strong>‘\ub294 \uc815\ub9d0 \ub9ce\uc740 \ub3c4\uc6c0\uc774 \ub420 \uac83 \uac19\uc544\uc694. \ubb34\uc5c7\ubcf4\ub2e4 \ud654\uba74 \ud558\ub098\uc5d0 \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\uc5d0 \ub530\ub978 \ud574\uc0c1\ub3c4\ub97c \ud655\uc778 \ud560 \uc218 \uc788\uc73c\ub2c8 \ub9d0\uc774\uc8e0. \uac8c\ub2e4\uac00 \ubb34\ub8cc\ub85c \uc81c\uacf5\ub418\uba70 \uc708\ub3c4\uc6b0\ub294 \ubb3c\ub860 \ub9e5\uc6a9, \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub530\ub978 \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uae4c\uc9c0 \uc81c\uacf5\ub418\ub2c8 \ub2f9\ubd84\uac04\uc740 \ub9ce\uc774 \ud65c\uc6a9\ud558\uac8c \ub418\uc9c0 \uc54a\uc744\uae4c \uc2f6\uc2b5\ub2c8\ub2e4. \ud504\ub85c\uadf8\ub7a8 \ub2e4\uc6b4\ub85c\ub4dc \ubc0f \uc790\uc138\ud55c \ub0b4\uc6a9\uc740 ‘\uc774 \uacf3’\uc744 \ud655\uc778\ud574\ubcf4\uc138\uc694!<\/a><\/p>\n\n\n\n

–<\/p>\n\n\n\n

\ud568\uaed8 \uc77d\uc5b4\ubcf4\uba74 \ub3c4\uc6c0\uc774 \ub420 \ub0b4\uc6a9!<\/strong><\/p>\n\n\n\n