{"id":1943,"date":"2022-05-29T22:50:10","date_gmt":"2022-05-29T13:50:10","guid":{"rendered":"https:\/\/www.itchefblog.com\/?p=1943"},"modified":"2022-05-29T22:53:38","modified_gmt":"2022-05-29T13:53:38","slug":"%eb%8f%84%ec%84%9c%eb%a6%ac%eb%b7%b0-%ec%99%84%ec%84%b1%eb%90%9c-%ec%9b%b9%ec%82%ac%ec%9d%b4%ed%8a%b8%eb%a1%9c-%eb%b0%b0%ec%9a%b0%eb%8a%94-html-css-%ec%9b%b9-%eb%94%94%ec%9e%90%ec%9d%b8","status":"publish","type":"post","link":"https:\/\/www.itchefblog.com\/?p=1943","title":{"rendered":"[\ub3c4\uc11c\ub9ac\ubdf0] \uc644\uc131\ub41c \uc6f9\uc0ac\uc774\ud2b8\ub85c \ubc30\uc6b0\ub294 HTML & CSS \uc6f9 \ub514\uc790\uc778"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

\uc6f9\uc5d0 \uad00\uc2ec\uc744 \uac00\uc9c0\uace0 \uacf5\ubd80 \ud55c \uc774\ub798\ub85c \uc6f9\uc744 \ub9cc\uc9c0\uc791 \ub304\uc9c0\ub294 20\uc5ec\ub144\uc774 \ub118\uc5c8\uc9c0\ub9cc \ubc31\uc564\ub4dc\ub97c \uc81c\uc678\ud55c CSS\ub97c \uc774\uc6a9\ud55c \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc774\ub098 \ud65c\uc6a9 \uc2a4\ud0ac\uc740 \uc6f9 \ucd08\ucc3d\uae30\uc778 2000\ub144\ub300\ubd80\ud130 2015\ub144 \uc815\ub3c4\uc758 \uadf8\uac83\uc5d0 \uba38\ubb3c\ub7ec\uc788\uae30 \ud56d\uc0c1 \ubd80\uc871\ud568\uc744 \ub290\ub07c\uace0 \uc788\ub358 \ud130\uc774\uc9c0\ub9cc \ub298 \uc6b0\uc120\uc21c\uc704\uc5d0 \ubc00\ub824\uc11c \uc81c\ub300\ub85c \uacf5\ubd80\ub97c \ud558\uae30 \uc27d\uc9c0 \uc54a\uc558\ub294\ub370 \uc774 \ucc45\uc758 \ub9ac\ubdf0\ub97c \uc9c4\ud589\ud558\uba74\uc11c \ubc18 \uac15\uc81c\uc801\uc73c\ub85c \uacf5\ubd80\ub97c \ud560 \uc218 \uc788\uc5c8\ub2e4.<\/p>\n\n\n\n

\uc774 \ucc45\uc740 HTML\uacfc CSS\ub97c \uc544\uc608 \ubaa8\ub974\ub294 \uc0ac\ub78c\ubcf4\ub2e4\ub294 \uadf8\ub798\ub3c4 \uc57d\uac04\uc740 \uacbd\ud5d8\uc774 \uc788\ub294 \ubd84\ub4e4\uc774 \uacf5\ubd80\ud558\uae30\uc5d0 \uc815\ub9d0 \uc88b\uc740 \uac83 \uac19\ub2e4. \ud558\ub098\ubd80\ud130 \uc5f4\uae4c\uc9c0\uc758 \uc124\uba85\uc744 \uaf3c\uaf3c\ud558\uac8c \uc7a5\ud669\ud558\uac8c \ub298\uc5b4\ub193\ub294\uac8c \uc544\ub2c8\ub77c \ub531 \ud544\uc694\ud55c \uac83\ub9cc (\uadf8\ub807\uc9c0\ub9cc \ud575\uc2ec\uc801\uc778 \ub0b4\uc6a9\uc740 \ubaa8\ub450 \ud3ec\ud568\ud55c\ub2e4) \uc54c\ub824\uc8fc\uace0 \uc2e4\uc81c \ucf54\ub4dc\ub97c \ub530\ub77c\ud574\ubcf4\uba70 \uc775\ud600\uac00\ub294 \ubc29\uc2dd\uc774\ub2e4.<\/p>\n\n\n\n

HTML\uc758 \uae30\ucd08, \uc18d\uc131 \ubd80\ubd84\uc5d0 \ud560\uc560\ub41c \ud398\uc774\uc9c0\ub294 4\ud398\uc774\uc9c0 \ubfd0\uc774\ub2e4. CSS\uc5d0 \uad00\ud55c \uc124\uba85\ub3c4 6\ud398\uc774\uc9c0 \uc774\ub0b4!?<\/p>\n\n\n\n

\uc9c0\uae08\uae4c\uc9c0 \uc811\ud574\ubcf8 HTML\uc774\ub098 CSS \uc11c\uc801\ub4e4\uc5d0 \ube44\ud574 \ud655\uc2e4\ud788 \uc9c4\ub3c4\uac00 \ud30d\ud30d \ub098\uac00\ub294\uc9c0\ub77c \uacf5\ubd80\ud558\ub294\ub370 \uc9c0\ub8e8\ud568\uc774 \ub290\uaef4\uc9c0\uc9c0 \uc54a\ub294\ub2e4.<\/p>\n\n\n\n

1\uc7a5\uc5d0\uc11c\ub294 \uc704\uc5d0 \uc11c\uc220\ud55c\ub300\ub85c \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uae30\ubcf8\uacfc \ud544\uc218 \ub3c4\uad6c\ub4e4\uc5d0 \uad00\ud55c \ub0b4\uc6a9\uc744 \uac04\uacb0\ud558\uac8c \uc815\ub9ac\ud574\ub450\uace0 \uc788\uc73c\uba70, 2\uc7a5\uc5d0\uc11c\ub294 \uac04\ub2e8\ud55c \ub79c\ub529 \ud398\uc774\uc9c0\ub85c \ubc30\uc6b0\ub294 \ubc18\uc751\ud615 \uc6f9\ub514\uc790\uc778\uacfc \uae00\uaf34\uc5d0 \ub300\ud574 \ud29c\ud1a0\ub9ac\uc5bc\uc744 \uc9c4\ud589\ud55c\ub2e4.<\/p>\n\n\n\n

\ub2e8\uc21c\ud55c \ud55c \ud398\uc774\uc9c0\uc9dc\ub9ac \ud398\uc774\uc9c0\uc774\uc9c0\ub9cc \ubbf8\ub514\uc5b4 \ucffc\ub9ac\ub97c \uc774\uc6a9\ud558\uc5ec PC\uc5d0\uc11c \ubcfc \ub54c\uc640 \ubaa8\ubc14\uc77c\uae30\uae30\uc5d0\uc11c \ubcfc \ub54c\uc758 \ub9c8\ud06c\uc5c5\uc744 \uac01\uac01 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \ubc30\uc6b8 \uc218 \uc788\uc73c\uba70, Desktop First, Mobile First\uc5d0 \ub300\ud55c \uac1c\ub150\ub3c4 \uc775\ud790 \uc218 \uc788\uc73c\uba70, Fontawesome, \ube0c\ub808\uc774\ud06c \ud3ec\uc778\ud2b8 \ub4f1\uc5d0 \ub300\ud574 \uc54c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

3\uc7a5\uc5d0\uc11c\ub294 \ube14\ub85c\uadf8 \uc0ac\uc774\ud2b8\ub97c \uc608\uc2dc\ub85c \ud558\uc5ec \ub2e4\ub2e8 \ub808\uc774\uc544\uc6c3\uacfc \uac01\uc885 \uc694\uc18c\ub4e4\uc744 \uafb8\ubbf8\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc775\ud790 \uc218 \uc788\uc73c\uba70, CSS\uc758 \ub2e4\uc591\ud55c \ud6a8\uacfc\ub85c \ud398\uc774\uc9c0\ub97c \uafb8\ubbf8\ub294 \ubc29\ubc95\ub4e4\uc744 \uc54c \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

4\uc7a5\uc5d0\uc11c\ub294 \ud68c\uc0ac \uc0ac\uc774\ud2b8\ub97c \uc608\uc2dc\ub85c \ud558\uc5ec \ud45c, \uadf8\ub798\ud504, \ud3fc, \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc775\ud790 \uc218 \uc788\uc73c\uba70, 5\uc7a5\uc5d0\uc11c\ub294 \uc774\ubca4\ud2b8 \uc0ac\uc774\ud2b8\ub97c \uc608\uc2dc\ub85c \ud558\uc5ec \ud398\uc774\uc9c0\uc640 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \uc775\ud790 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

6\uc7a5\uc5d0\uc11c\ub294 \uac24\ub7ec\ub9ac \uc0ac\uc774\ud2b8\ub97c \uc608\uc2dc\ub85c \ud558\uc5ec \uc774\ubbf8\uc9c0\uc640 \ub3d9\uc601\uc0c1\uc744 \ud65c\uc6a9\ud558\ub294 \ub2e4\uc591\ud55c \ubc29\ubc95\uc5d0 \ub300\ud574 \uc775\ud790 \uc218 \uc788\ub2e4. \uc6f9\uc0ac\uc774\ud2b8\uc5d0\uc11c \uc774\ubbf8\uc9c0\ub97c \ud65c\uc6a9\ud560 \ub54c CSS\uc758 \ud544\ud130\ub97c \ud65c\uc6a9\ud558\uc5ec \ud3ec\ud1a0\uc0f5\ub4f1\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0\ub3c4 \ub2e4\uc591\ud55c \ud6a8\uacfc\ub97c \uc8fc\uace0, \uafb8\ubbf8\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc775\ud790 \uc218 \uc788\uc73c\uba70, \ubc30\uacbd\uc5d0 \ub3d9\uc601\uc0c1\uc744 \ub123\ub294 \ubc29\ubc95 \ub4f1 \uc2e4\ubb34\uc5d0\uc11c \uc720\uc6a9\ud558\uac8c \uc4f0\uc77c \uc218 \uc788\ub294 \ubc29\ubc95\ub4e4\uc744 \ubc30\uc6b8 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n

7\uc7a5\uacfc 8\uc7a5\uc5d0\uc11c\ub294 \uac01\uac01 HTML\uacfc CSS\ub97c \ub354 \ube60\ub974\uace0 \uc27d\uac8c \uad00\ub9ac\ud558\ub294 \ubc29\ubc95\uacfc \uc0ac\uc774\ud2b8\ub97c \uc62c\ub9ac\uace0 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc815\ub9ac\ud568\uc73c\ub85c \ucc45\uc758 \ub2e8\uc6d0\uc774 \ub9c8\ubb34\ub9ac \ub41c\ub2e4.<\/p>\n\n\n\n

HTML\uacfc CSS\ub97c \ucc98\uc74c \uc811\ud558\uace0 \uacf5\ubd80\ud558\ub294 \ubd84\uc774\ub77c\ub3c4 \uc9c0\ub8e8\ud55c \uc774\ub860\ubcf4\ub2e4\ub294 \ubc14\ub85c \uacb0\uacfc\ub97c \ubcfc \uc218 \uc788\ub294 \uc2e4\uc2b5 \uc704\uc8fc\ub85c \ub0b4\uc6a9\uc774 \uc9c4\ud589\ub418\uae30\uc5d0 \ubd80\ub2f4 \uc5c6\uc774 \uacf5\ubd80\ud560 \uc218 \uc788\ub294 \ub09c\uc774\ub3c4\uc774\uba70, \ud604\uc5c5\uc5d0 \uc788\uc9c0\ub9cc \ucd5c\uc2e0 \ud2b8\ub80c\ub4dc\uc5d0 \uc880 \ub4a4\uccd0\uc84c\ub2e4 \uc2f6\uc73c\uc2e0 \ubd84\uc774\ub77c\uba74 \ud55c \ubc88 \ud6d1\uc5b4\ubcf4\uace0 \ud544\uc694\ud55c \ubd80\ubd84\uc744 \ubc14\ub85c \uc801\uc6a9\ud558\uc5ec \uc0ac\uc6a9\ud560 \uc218 \uc788\uae30\uc5d0 \uc88b\uc740 \ucc38\uace0\uc11c\uac00 \ub420 \uac83 \uac19\ub2e4.<\/p>\n\n\n\n

\uac1c\uc778\uc801\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158\uc774\ub098 \ud544\ud130 \uad00\ub828\ud574\uc11c \uc815\ub9d0 \ub9ce\uc740 \ub3c4\uc6c0\uc774 \ub418\uc5c8\uace0, \uadf8\ub798\ud53d \ud234\uc744 \uc774\uc6a9\ud558\uc5ec \uc791\uc5c5\ud558\ub358 \ub9ce\uc740 \ubd80\ubd84\ub4e4\uc744 CSS\ub9cc\uc73c\ub85c \uad6c\ud604\ud558\uc5ec \uc870\uae08 \ub354 \ube60\ub974\uace0 \ubc18\uc751\uc131 \uc88b\uc740 \uacb0\uacfc\ubb3c\uc744 \ub0bc \uc218 \uc788\uac8c \ub418\uc5b4\uc11c \ub9e4\uc6b0 \ub9cc\uc871\ud55c\ub2e4.<\/p>\n\n\n\n

[\ud55c\ube5b\ubbf8\ub514\uc5b4 <\ub098\ub294 \ub9ac\ubdf0\uc5b4\ub2e4> \ud65c\ub3d9\uc744 \uc704\ud574\uc11c \ucc45\uc744 \uc81c\uacf5\ubc1b\uc544 \uc791\uc131\ub41c \uc11c\ud3c9\uc785\ub2c8\ub2e4.<\/strong>]<\/p>\n","protected":false},"excerpt":{"rendered":"

\uc6f9\uc5d0 \uad00\uc2ec\uc744 \uac00\uc9c0\uace0 \uacf5\ubd80 \ud55c \uc774\ub798\ub85c \uc6f9\uc744 \ub9cc\uc9c0\uc791 \ub304\uc9c0\ub294 20\uc5ec\ub144\uc774 \ub118\uc5c8\uc9c0\ub9cc \ubc31\uc564\ub4dc\ub97c \uc81c\uc678\ud55c CSS\ub97c \uc774\uc6a9\ud55c \ub808\uc774\uc544\uc6c3 \uad6c\uc131\uc774\ub098 \ud65c\uc6a9 \uc2a4\ud0ac\uc740 \uc6f9 \ucd08\ucc3d\uae30\uc778 2000\ub144\ub300\ubd80\ud130 2015\ub144 \uc815\ub3c4\uc758 \uadf8\uac83\uc5d0 \uba38\ubb3c\ub7ec\uc788\uae30 \ud56d\uc0c1 \ubd80\uc871\ud568\uc744 \ub290\ub07c\uace0 \uc788\ub358 \ud130\uc774\uc9c0\ub9cc \ub298 \uc6b0\uc120\uc21c\uc704\uc5d0 \ubc00\ub824\uc11c \uc81c\ub300\ub85c \uacf5\ubd80\ub97c \ud558\uae30 \uc27d\uc9c0 \uc54a\uc558\ub294\ub370 \uc774 \ucc45\uc758 \ub9ac\ubdf0\ub97c \uc9c4\ud589\ud558\uba74\uc11c \ubc18 \uac15\uc81c\uc801\uc73c\ub85c \uacf5\ubd80\ub97c \ud560 \uc218 \uc788\uc5c8\ub2e4. \uc774 \ucc45\uc740 HTML\uacfc CSS\ub97c \uc544\uc608 \ubaa8\ub974\ub294 … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[686,715,716,717,718,719],"_links":{"self":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1943"}],"collection":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1943"}],"version-history":[{"count":3,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1943\/revisions"}],"predecessor-version":[{"id":1947,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1943\/revisions\/1947"}],"wp:attachment":[{"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itchefblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}