{"id":135,"date":"2024-12-15T12:05:10","date_gmt":"2024-12-15T12:05:10","guid":{"rendered":"http:\/\/211.230.203.47\/wordpress\/?p=135"},"modified":"2024-12-15T12:05:10","modified_gmt":"2024-12-15T12:05:10","slug":"%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4-%eb%aa%a8%eb%93%a0-%ea%b8%80-%ea%b5%b4%eb%a6%bc%ec%b2%b4%eb%a1%9c-%ed%8f%b0%ed%8a%b8-%ec%8a%a4%ed%83%80%ec%9d%bc-%eb%b3%80%ea%b2%bd%ed%95%98%eb%8a%94","status":"publish","type":"post","link":"https:\/\/www.soon7shop.kr\/wordpress\/?p=135","title":{"rendered":"\uc6cc\ub4dc\ud504\ub808\uc2a4 \ubaa8\ub4e0 \uae00 \uad74\ub9bc\uccb4\ub85c \ud3f0\ud2b8 \uc2a4\ud0c0\uc77c \ubcc0\uacbd\ud558\ub294 \ubc29\ubc95"},"content":{"rendered":"<p>\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c \ubaa8\ub4e0 \uae00\uc758 \ud3f0\ud2b8\ub97c <code>\uad74\ub9bc\uccb4<\/code>\ub85c \ubcc0\uacbd\ud558\ub824\uba74 CSS\ub97c \uc218\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub77c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<hr \/>\n<h3>1. <strong>\ud14c\ub9c8 \uc0ac\uc6a9\uc790 \uc815\uc758(CSS \ucd94\uac00)<\/strong><\/h3>\n<ol>\n<li>\uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac \ud328\ub110\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc67c\ucabd \uba54\ub274\uc5d0\uc11c <strong>\uc678\ubaa8 &gt; \uc0ac\uc6a9\uc790 \uc815\uc758<\/strong>\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\ucd94\uac00 CSS<\/strong> \uc139\uc158\uc73c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc544\ub798 CSS \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uace0 \uc800\uc7a5\ud569\ub2c8\ub2e4:<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">css<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-css\"><span class=\"hljs-selector-tag\">body<\/span> {<br \/>\n    <span class=\"hljs-attribute\">font-family<\/span>: <span class=\"hljs-string\">'Gulim'<\/span>, sans-serif;<br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n<hr \/>\n<h3>2. <strong>\ud14c\ub9c8 \uc2a4\ud0c0\uc77c \ud30c\uc77c \uc218\uc815 (style.css)<\/strong><\/h3>\n<p>\uc9c1\uc811 \ud14c\ub9c8 \ud30c\uc77c\uc744 \uc218\uc815\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc, \uc774 \ubc29\ubc95\uc740 \ud14c\ub9c8 \uc5c5\ub370\uc774\ud2b8 \uc2dc \uc218\uc815 \uc0ac\ud56d\uc774 \uc0ac\ub77c\uc9c8 \uc218 \uc788\uc73c\ub2c8 \uc790\uc2dd \ud14c\ub9c8\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li><strong>\uc678\ubaa8 &gt; \ud14c\ub9c8 \ud30c\uc77c \ud3b8\uc9d1\uae30<\/strong>\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4.<\/li>\n<li>\ud65c\uc131\ud654\ub41c \ud14c\ub9c8\uc758 <code>style.css<\/code> \ud30c\uc77c\uc744 \uc5f4\uace0 \uc544\ub798 \ucf54\ub4dc\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">css<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-css\"><span class=\"hljs-selector-tag\">body<\/span> {<br \/>\n    <span class=\"hljs-attribute\">font-family<\/span>: <span class=\"hljs-string\">'Gulim'<\/span>, sans-serif;<br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n<hr \/>\n<h3>3. <strong>\uad6c\uae00 \uc6f9\ud3f0\ud2b8 \uc0ac\uc6a9 (\ub300\uccb4 \uae00\uaf34)<\/strong><\/h3>\n<p>\uad74\ub9bc\uccb4\ub294 \uc77c\ubd80 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uae30\ubcf8\uc801\uc73c\ub85c \uc81c\uacf5\ub418\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uad74\ub9bc\uccb4\ub97c \uae30\ubcf8\uc73c\ub85c \uc124\uc815\ud558\uace0, \ub300\uccb4 \uae00\uaf34\uc744 \uc9c0\uc815\ud558\ub824\uba74 \uc544\ub798 \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">css<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-css\"><span class=\"hljs-selector-tag\">body<\/span> {<br \/>\n    <span class=\"hljs-attribute\">font-family<\/span>: <span class=\"hljs-string\">'Gulim'<\/span>, <span class=\"hljs-string\">'Arial'<\/span>, sans-serif;<br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n<hr \/>\n<h3>4. <strong>\ud50c\ub7ec\uadf8\uc778 \uc0ac\uc6a9<\/strong><\/h3>\n<p>\ucf54\ub4dc \uc218\uc815\uc774 \uc5b4\ub835\ub2e4\uba74, CSS\ub97c \uad00\ub9ac\ud560 \uc218 \uc788\ub294 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\ub294 \uac83\ub3c4 \ubc29\ubc95\uc785\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>Simple Custom CSS<\/strong> \ub610\ub294 <strong>Advanced CSS Editor<\/strong> \uac19\uc740 \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud558\uc138\uc694.<\/li>\n<li>\ud50c\ub7ec\uadf8\uc778 \uc124\uc815 \ud654\uba74\uc5d0\uc11c \uc704\uc758 CSS \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uba74 \ub429\ub2c8\ub2e4.<\/li>\n<\/ul>\n<hr \/>\n<h3>5. <strong>\uad74\ub9bc\uccb4\uac00 \uc6f9 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ud45c\uc2dc\ub418\uc9c0 \uc54a\ub294 \uacbd\uc6b0<\/strong><\/h3>\n<p>\uad74\ub9bc\uccb4\ub294 \uae30\ubcf8\uc801\uc73c\ub85c Windows \ud658\uacbd\uc5d0\uc11c \uc0ac\uc6a9 \uac00\ub2a5\ud558\uc9c0\ub9cc, Mac\uc774\ub098 \uc77c\ubd80 Linux \ud658\uacbd\uc5d0\uc11c\ub294 \uc81c\ub300\ub85c \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7f4 \uacbd\uc6b0:<\/p>\n<ol>\n<li>\uad74\ub9bc\uccb4\ub97c \uc9c1\uc811 \uc6f9\ud3f0\ud2b8\ub85c \uc5c5\ub85c\ub4dc\ud558\uac70\ub098,<\/li>\n<li>\ube44\uc2b7\ud55c \ub300\uccb4 \uae00\uaf34\uc744 \uc0ac\uc6a9\ud558\uc138\uc694. \uc608: <code>Malgun Gothic<\/code> \ub610\ub294 <code>Arial<\/code>.<\/li>\n<\/ol>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary select-none\">css<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-css\"><span class=\"hljs-selector-tag\">body<\/span> {<br \/>\n    <span class=\"hljs-attribute\">font-family<\/span>: <span class=\"hljs-string\">'Gulim'<\/span>, <span class=\"hljs-string\">'Malgun Gothic'<\/span>, sans-serif;<br \/>\n}<br \/>\n<\/code><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c \ubaa8\ub4e0 \uae00\uc758 \ud3f0\ud2b8\ub97c \uad74\ub9bc\uccb4\ub85c \ubcc0\uacbd\ud558\ub824\uba74 CSS\ub97c \uc218\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub77c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. 1. \ud14c\ub9c8 \uc0ac\uc6a9\uc790 \uc815\uc758(CSS \ucd94\uac00) \uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac \ud328\ub110\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. \uc67c\ucabd \uba54\ub274\uc5d0\uc11c \uc678\ubaa8 &gt; \uc0ac\uc6a9\uc790 \uc815\uc758\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4. \ucd94\uac00 CSS \uc139\uc158\uc73c\ub85c \uc774\ub3d9\ud569\ub2c8\ub2e4. \uc544\ub798 CSS \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uace0 \uc800\uc7a5\ud569\ub2c8\ub2e4: css body { font-family: &#8216;Gulim&#8217;, sans-serif; } 2. \ud14c\ub9c8 \uc2a4\ud0c0\uc77c \ud30c\uc77c \uc218\uc815 (style.css) \uc9c1\uc811 \ud14c\ub9c8 &hellip; <a href=\"https:\/\/www.soon7shop.kr\/wordpress\/?p=135\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;\uc6cc\ub4dc\ud504\ub808\uc2a4 \ubaa8\ub4e0 \uae00 \uad74\ub9bc\uccb4\ub85c \ud3f0\ud2b8 \uc2a4\ud0c0\uc77c \ubcc0\uacbd\ud558\ub294 \ubc29\ubc95&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","hentry","category-4"],"_links":{"self":[{"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":1,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.soon7shop.kr\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}