{"id":79,"date":"2011-10-14T16:36:39","date_gmt":"2011-10-14T07:36:39","guid":{"rendered":"http:\/\/mintech.kr\/?p=79"},"modified":"2011-10-14T16:36:39","modified_gmt":"2011-10-14T07:36:39","slug":"n-screen-ready","status":"publish","type":"post","link":"https:\/\/mintech.kr\/2011\/10\/14\/n-screen-ready\/","title":{"rendered":"N-Screen Ready!"},"content":{"rendered":"
\n

\uc791\uc131\uc790 : \uc655\uc218\uc6a9 (wangsy@mintech.kr)<\/span><\/p>\n

Responsive Web Design \uc774 \uc694\uc998 \ud654\ub450 \uc785\ub2c8\ub2e4. \uc6f9\uacfc \uad00\ub828\ud55c \uae30\uc220\uc5d0 \uad00\uc2ec\uc774 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uc694\uc998 \uc790\uc8fc \uc5b8\uae09\ud558\ub294 \ub2e8\uc5b4\uac00 \ubc14\ub85c \uc774 \u201c\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778”\uc785\ub2c8\ub2e4. \uc800\ud76c\ub3c4 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uad00\uc2ec\uc744 \uac00\uc9c0\uac8c \ub418\uc5c8\ub294\ub370, \uc694\uc998 \ub300\uc138\ub77c\ub294 \uac83 \ub54c\ubb38 \uc774\ub77c\uae30 \ubcf4\ub2e4\ub294, \uc774 \uae30\uc220 \uc18d\uc5d0\uc11c \uc6b0\ub9ac\uac00 \ud3c9\uc18c\uc5d0 \uc6d0\ud558\ub358 “\uac00\uce58”\ub97c \ubc1c\uacac\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc800\ub9cc \ud574\ub3c4 \uc694\uc998 \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\ub85c \uc6f9\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc800\ud76c \uac00\uc871\ub4e4\ub3c4 \uc601\ud5a5\uc744 \ubc1b\uc544\uc11c \uc778\uc9c0 \ub9c8\ucc2c\uac00\uc9c0 \uc785\ub2c8\ub2e4. \uc544\ub9c8 \uc2dc\uac04\uc774 \uc9c0\ub0a0 \uc218\ub85d \ub354 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uc774\ub807\uac8c \ub418\ub9ac\ub77c \uc0dd\uac01\ud569\ub2c8\ub2e4. \ud3c9\uc18c \uc77c\uc744 \ud560 \ub54c\uc5d0\ub294 \ub370\uc2a4\ud06c\ud0d1\uc73c\ub85c \uc6f9\uc744 \uc811\uadfc\ud558\uc9c0\ub9cc, \uc774\ub3d9\ud560 \ub54c\uc5d0\ub294 \uc2a4\ub9c8\ud2b8\ud3f0\uc73c\ub85c \uc6f9\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc9d1\uc5d0 \uc788\uc744 \ub54c\uc5d0\ub294 \uc544\uc774\ud328\ub4dc\ub97c \ub4e4\uace0 \uc9d1\uc548\uc744 \ub4b9\uad74\uba70 \uc6f9\uc744 \uac80\uc0c9\ud569\ub2c8\ub2e4. \ubc1c\ube60\ub978 \ud3ec\ud138 \uc0ac\uc774\ud2b8\ub4e4\uc740 \ubaa8\ubc14\uc77c \uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4\uc5b4 \ub300\uc751\ud588\uc9c0\ub9cc, \uadf8\ub807\uc9c0 \uc54a\uc740 \uc0ac\uc774\ud2b8\ub4e4\uc774 \ub354 \ub9ce\uc2b5\ub2c8\ub2e4. \ub354\uad6c\ub098 \ud3ec\ud138\uc870\ucc28\ub3c4 \ub370\uc2a4\ud06c\ud0d1\/\uc2a4\ub9c8\ud2b8\ud3f0\/\ud0dc\ube14\ub9bf \ubaa8\ub4e0 \ud658\uacbd\uc5d0 \ucd5c\uc801\ud654\ub41c \uac83\uc740 \uc544\ub2cc \ub4ef \ud569\ub2c8\ub2e4. \uc218\ub9ce\uc740 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\ub294 \ud3ec\ud138 \uc785\uc7a5\uc5d0\uc11c \uac01\uac01\uc758 \ub514\ubc14\uc774\uc2a4\uc5d0 \ucd5c\uc801\uc73c\ub85c \ub300\uc751\ud55c\ub2e4\ub294 \uac83 \uc790\uccb4\uac00 \ubb34\ub9ac\ud55c \uae30\ub300\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc800\ub294 \uadf8\ub798\ub3c4 \uc5c5\uacc4\uc5d0 \uc885\uc0ac\ud558\ub294 \uc0ac\ub78c\uc73c\ub85c\uc11c, \uc774\ub7ec\ud55c \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\uc5d0 \uc801\uc751\ub41c \uc6f9\uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4dc\ub294 \uac83\uc774 \uc5bc\ub9c8\ub098 \uc218\uace0\uc2a4\ub7ec\uc6b4\uc9c0 \uc798 \uc774\ud574\ud558\uc9c0\ub9cc, \uc800\ud76c \uac00\uc871\uc774\ub098 \uc8fc\ubcc0 \ubd84\ub4e4\uc774 \uc0c8\ub85c \uc0b0 \uc544\uc774\ud328\ub4dc\ub85c \uc0ac\uc774\ud2b8\uc5d0 \uc811\uc18d\ud588\uc744\ub54c, \uc798 \ubcf4\uc5ec\uc9c0\uc9c0 \uc54a\ub294 \uc0c1\ud669\uc5d0 \ub300\ud574\uc11c \ub9e4\uc6b0 \uad34\ub85c\uc6cc\ud558\ub294 \ubaa8\uc2b5\uc744 \ub9ce\uc774 \ubd05\ub2c8\ub2e4. \uc778\ud130\ub137\uc744 \ucc98\uc74c \ubc30\uc6b8 \ub54c \ucef4\ub9f9 \ub300\uc811 \ubc1b\uc558\ub4ef\uc774, \uc0c8\ub85c\uc6b4 \ubaa8\ubc14\uc77c \uc2dc\ub300\ub97c \ub9de\uc544, \ub2e4\uc2dc\uae08 \uc704\ucd95\ub41c \ubaa8\uc2b5\uc73c\ub85c \uc790\uc2e0\uc758 \ubb34\uc9c0\ub97c \ud0d3\ud558\ub294 \uacbd\uc6b0\uac00 \ub9ce\uc558\uc2b5\ub2c8\ub2e4.<\/p>\n

\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc740 \uc774\ub7ec\ud55c \ud750\ub984 \uc18d\uc5d0\uc11c \uc815\ub2f5\uc5d0 \uac00\uc7a5 \uac00\uae4c\uc6b4 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \ud558\ub098\uc758 \uc6f9\ud398\uc774\uc9c0\uc5d0 \ub514\ubc14\uc774\uc2a4 \ubcc4\ub85c \ucd5c\uc801\ud654 \ub41c \uc6f9 \ub514\uc790\uc778\uc785\ub2c8\ub2e4. \uc6f9\uc774 \ubcf8\ub798\uc758 \uc6f9\uc73c\ub85c \ub3cc\uc544 \uac04 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uc6f9\ud398\uc774\uc9c0\ub294 \uc815\ubcf4 \uc804\ub2ec\uc774 \uac00\uc7a5 \uc8fc\ub41c \ubaa9\uc801\uc785\ub2c8\ub2e4. \uc6f9 \uae30\uc220\uc774 \ubc1c\uc804\ud558\ub2e4 \ubcf4\ub2c8, \ud398\uc774\uc9c0\uac00 \uc804\ub2ec\ud558\ub824\ub358 \ud398\uc774\uc9c0\uc758 \uc758\ubbf8\ub294 \uc0ac\ub77c\uc9c0\uace0 \uc628\uac16 \uc7a1\uae30\uc220\ub4e4\ub85c \ucc44\uc6cc\uc84c\uc2b5\ub2c8\ub2e4. \ub2e4\uc2dc \ubcf8\ub798\uc758 \ubaa9\uc801\uc73c\ub85c \ub3cc\uc544\uac00 \uc815\ubcf4 \uc804\ub2ec\uc5d0 \ucda9\uc2e4\ud55c \ud398\uc774\uc9c0\ub85c \uac70\ub4ed\ub098\uac8c \ub429\ub2c8\ub2e4. \uc5b4\ub5a0\ud55c \ub514\ubc14\uc774\uc2a4\ub85c \uc811\uadfc\ud558\uc5ec\ub3c4 \uc804\ub2ec\ud558\ub824\ub294 \uc815\ubcf4\ub97c \ucda9\uc2e4\ud788 \uc804\ub2ec \ud560 \uc218 \uc788\ub294 \uac83\uc774\uc57c \ub9d0\ub85c \ucd5c\uace0\uc758 \uac00\uce58\uac00 \uc544\ub2d0 \ub4ef \ud569\ub2c8\ub2e4.<\/p>\n

\"\"\u00a0\"\"<\/p>\n

\ubb38\ub4dd \ubbfc\ud2b8\uae30\uc220\uc758 \ud648\ud398\uc774\uc9c0\ub97c \ub4a4\ub3cc\uc544 \ubcf4\uc558\uc2b5\ub2c8\ub2e4. \uba54\uc778 \ud398\uc774\uc9c0\uc640 \ucc3e\uc544\uc624\uc2dc\ub294 \uae38 \uc548\ub0b4 \ub2e8 \ub450 \ud398\uc774\uc9c0\ub9cc \uc874\uc7ac\ud558\ub294 \ucd08\uac04\ub2e8 \uc0ac\uc774\ud2b8 \uc785\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc5b4\uca4c\uba74 \ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc744 \ud574 \ubcf4\uae30\uc5d0 \uc624\ud788\ub824 \ub108\ubb34 \uc88b\uc740 \uc870\uac74\uc774\ub77c\ub294 \uc0dd\uac01\ud588\uc2b5\ub2c8\ub2e4. \ub0b4\uce5c \uae40\uc5d0 \ud648\ud398\uc774\uc9c0\uc758 \ub0b4\uc6a9\ub3c4 \ucda9\uc2e4\ud574 \uc9c0\ub294 \uacc4\uae30\uac00 \ub418\uc5c8\uc73c\uba74 \ud558\ub294 \ud76c\ub9dd\ub3c4 \uc0dd\uacbc\uc2b5\ub2c8\ub2e4. \ub2e8\uc9c0, \ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc774\ub77c\ub294 \uc720\ud589\uc5d0 me too\uc640 \uac19\uc740 \ub300\uc751\uc774 \uc544\ub2c8\ub77c, \uc815\ub9d0 \uadf8 \uac00\uce58\ub97c \uacf5\uac10\ud558\uace0 \ub9cc\ub4e4\uace0 \uc2f6\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n

\ud604\uc7ac \ud648\ud398\uc774\uc9c0\uc758 \uac70\uc758 \uc720\uc77c\ud55c \uae30\ub2a5\uc778 \ucc3e\uc544\uc624\ub294 \uae38 \uc548\ub0b4 \ud398\uc774\uc9c0\ub3c4 \ucc98\uc74c\ubd80\ud130 \ub2e4\uc2dc \uace0\ubbfc\uc744 \ud574 \ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ubbfc\ud2b8\uae30\uc220\uc744 \ucc3e\uc544\uac00\uc57c \uaca0\ub2e4\uace0 \uc0dd\uac01\ud558\uace0 \ub370\uc2a4\ud06c\ud0d1\uc5d0\uc11c \ud398\uc774\uc9c0\ub97c \ubc28\uc744 \ub54c\uc640, \uc815\ub9d0 \ucc3e\uc544\uc624\uba74\uc11c \uc2a4\ub9c8\ud2b8\ud3f0\uc73c\ub85c \ud398\uc774\uc9c0\ub97c \ubd24\uc744\ub54c, \ubaa8\ub4e0 \uc0c1\ud669\uc5d0\uc11c \ucc3e\uc544\uc624\ub294\ub370 \uc815\ub9d0 \ub3c4\uc6c0\uc774 \ub418\ub294 \uc815\ubcf4\ub97c \uc8fc\uc5b4\uc57c \uaca0\ub2e4\ub294 \uc0dd\uac01\uc744 \ud588\uc2b5\ub2c8\ub2e4. \uadf8\ub798\uc11c \uc804\ud654\ub85c \ucc3e\uc544\uc624\uc2dc\ub294 \ubd84\uaed8 \uc124\uba85\ud558\ub294 \ub0b4\uc6a9\uc744 \u00a0\ud398\uc774\uc9c0\uc5d0 \ub2f4\uc544 \ubcf4\uc558\uc2b5\ub2c8\ub2e4..<\/p>\n

\uadf8\ub9ac\uace0, \ubbfc\ud2b8\uae30\uc220\uc5d0\uc11c \uc9c4\ud589\ub418\uace0 \uc788\ub294 \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud574\uc11c\ub3c4 \ucd5c\ub300\ud55c \uacf5\uc720\ud560 \uc0dd\uac01\uc785\ub2c8\ub2e4. \uc5bc\ub9c8\ub098 \ub9ce\uc740 \ubd84\ub4e4\uc774 \uc6b0\ub9ac \ud648\ud398\uc774\uc9c0\ub97c \ud1b5\ud574\uc11c \uc6b0\ub9ac \ud68c\uc0ac\uc5d0 \ub300\ud574\uc11c \uad00\uc2ec\uc744 \uac00\uc838 \uc904\uc9c0\ub294 \ubaa8\ub974\uaca0\uc9c0\ub9cc, \uadf8\ub098\ub9c8 \uad00\uc2ec\uc744 \uac00\uc838\uc8fc\uc2dc\ub294 \uace0\ub9c8\uc6b4 \ubd84\ub4e4\uc744 \uc704\ud574\uc11c, \uc800\ud76c\uac00 \uac00\uce58 \uc788\ub294 \uc77c\uc774\ub77c \uc0dd\uac01\ud558\uace0 \uc5f4\uc2ec\ud788 \uc9c4\ud589\ud558\uace0 \uc788\ub294 \uc77c\ub4e4\uc5d0 \ub300\ud574\uc11c \ucd5c\ub300\ud55c \uc790\uc138\ud788 \uc54c\ub824\ub4dc\ub9b4 \uc218 \uc788\ub3c4\ub85d \ud560 \uc0dd\uac01\uc785\ub2c8\ub2e4. \ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc774\ub77c\ub294 \ud2c0\uc5d0 \ub2f4\uc544\uc11c \ub9d0\uc774\uc8e0.<\/p>\n

\uc544\ubb34\ud2bc \ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778\uc774\ub77c\ub294 \uc815\ub9d0 \uba4b\uc9c4 \uac00\uce58\uc5d0 \ub300\ud574\uc11c \ub9ce\uc774 \uacf5\uac10\ud558\uace0, \uc6b0\ub9ac\ub3c4 \uadf8\uc5d0 \ub300\uc751\ud558\ub294 \ubb34\uc5b8\uac00\ub97c \ub9cc\ub4e4\uc5b4 \ubcf4\uc5ec \uc904 \uc218 \uc788\uc5b4\uc11c \ucc38 \uc88b\uc740 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uae30\ud68c\uac00 \ub41c\ub2e4\uba74 \uc55e\uc73c\ub85c \ub354 \ub9ce\uc740 \uc815\ubcf4\ub97c \ub2f4\uc744 \uc218 \uc788\uc5c8\uc73c\uba74 \ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \ub354 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uc774 \uac00\uce58\ub97c \ubc1c\uacac\ud558\uace0 \uacf5\uac10\ud558\uace0 \ud568\uaed8 \ub098\uc130\uc73c\uba74 \ud558\ub294 \ud76c\ub9dd\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc791\uc131\uc77c : 2011\ub144 9\uc6d4 28\uc77c<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\uc791\uc131\uc790 : \uc655\uc218\uc6a9 (wangsy@mintech.kr) Responsive Web Design \uc774 \uc694\uc998 \ud654\ub450 \uc785\ub2c8\ub2e4. \uc6f9\uacfc \uad00\ub828\ud55c \uae30\uc220\uc5d0 \uad00\uc2ec\uc774 \ub9ce\uc740 \uc0ac\ub78c\ub4e4\uc774 \uc694\uc998 \uc790\uc8fc \uc5b8\uae09\ud558\ub294 \ub2e8\uc5b4\uac00 \ubc14\ub85c \uc774 \u201c\ubc18\uc751\ud615 \uc6f9 \ub514\uc790\uc778”\uc785\ub2c8\ub2e4. \uc800\ud76c\ub3c4 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uad00\uc2ec\uc744 \uac00\uc9c0\uac8c \ub418\uc5c8\ub294\ub370, \uc694\uc998 \ub300\uc138\ub77c\ub294 \uac83 \ub54c\ubb38 \uc774\ub77c\uae30 \ubcf4\ub2e4\ub294, \uc774 \uae30\uc220 \uc18d\uc5d0\uc11c \uc6b0\ub9ac\uac00 \ud3c9\uc18c\uc5d0 \uc6d0\ud558\ub358 “\uac00\uce58”\ub97c \ubc1c\uacac\ud558\uc600\uc2b5\ub2c8\ub2e4. \uc800\ub9cc \ud574\ub3c4 \uc694\uc998 \ub2e4\uc591\ud55c \ub514\ubc14\uc774\uc2a4\ub85c \uc6f9\uc744 \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc800\ud76c \uac00\uc871\ub4e4\ub3c4 \uc601\ud5a5\uc744 … <\/p>\n