{"id":1060,"date":"2026-06-26T13:40:52","date_gmt":"2026-06-26T13:40:52","guid":{"rendered":"https:\/\/aabbee.cafe24.com\/?p=1060"},"modified":"2026-06-26T13:41:00","modified_gmt":"2026-06-26T13:41:00","slug":"%ec%8a%a4%ed%83%80%ec%9d%bc%ea%b0%80%ec%9d%b4%eb%93%9c%eb%a7%8c%eb%93%a4%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/coalacoding.com\/?p=1060","title":{"rendered":"\uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc\ub9cc\ub4e4\uae30"},"content":{"rendered":"<h1>\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ub9cc\ub4e4\uae30<\/h1>\n<hr>\n<h2>1. \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc \uc81c\uc791\uc804 \uc900\ube44<\/h2>\n<h3>1-1. \ub9ac\ub514\uc790\uc778\ud560 \ud504\ub85c\uc81d\ud2b8\uc758 \ucf58\uc149\ud2b8 \uc815\uc758<\/h3>\n<ul>\n<li>\ud504\ub85c\uc81d\ud2b8\uc758 \ubb34\ub4dc\ubcf4\ub4dc\uc5d0\uc11c \ucf58\uc149\ud2b8 \uc120\uc815 (\ud615\uc6a9\uc0ac\uc801\uc778 \ub2e8\uc5b4 \ud558\ub098\ub9cc, \uc8fc\uc870\uc0c9 1\uac1c)<\/li>\n<\/ul>\n<h3>1-2. \ub514\uc790\uc778 \ucf58\uc149\ud2b8 \uc815\uc758<\/h3>\n<p>\ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 \ubc94\uc704, \uc2a4\ud0c0\uc77c, \uc2dc\uac01\uc801 \ubc29\ud5a5 \ubc0f \ubaa9\uc18c\ub9ac \ud1a4\uc744 \uc815\uc758\ud558\ub294 \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc\uac00 \uc788\uc73c\uba74 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc5d0\uc11c \ub514\uc790\uc778 \ud300, \ud504\ub85c\uc81d\ud2b8 \uad00\ub9ac\uc790, \uc5f0\uad6c\uc6d0\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \ubaa8\ub4e0 \ud300\uc6d0\uc5d0\uac8c \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4.<\/p>\n<hr>\n<h2>2. \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc \uc81c\uc791<\/h2>\n<h3>2-1. \uac1c\uc694<\/h3>\n<p>\ub514\uc790\uc778\uc5d0 \ud544\uc694\ud55c ASSET \ubc0f \uc2a4\ud0c0\uc77c\ub9c1, \uc778\ud130\ub799\uc158 \uc9c0\uce68\uc744 \ub2f4\uc740 \ubb38\uc11c\uc785\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud560 \ub54c \ucd5c\uc885 \uc81c\ud488\uc758 \uc2dc\uac01\uc801 \uc774\ubbf8\uc9c0 \ubc0f \ud45c\ud604\uc744 \uc815\uc758\ud558\uace0 \ub514\uc790\uc778 \ubc0f \uac1c\ubc1c \ud504\ub85c\uc138\uc2a4\ub97c \uacc4\ud68d\ud558\ub294 \ub370 \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/overview.png\" alt=\"\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \uac1c\uc694\"><\/p>\n<hr>\n<h2>3. \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc \uad6c\uc131\uc694\uc18c<\/h2>\n<blockquote>\n<p><strong>Info<\/strong>: \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc\uc758 \uc8fc\uc694 \uad6c\uc131\uc694\uc18c:<\/p>\n<ol>\n<li><strong>\ud0c0\uc774\ud3ec\uadf8\ub798\ud53c<\/strong> &#8211; \ud3f0\ud2b8 \uc704\uacc4 \ud3ec\ud568, \uc81c\ubaa9\/\ubcf8\ubb38 \uc11c\uccb4\uc640 \ud06c\uae30 \uc9c0\uc815<\/li>\n<li><strong>\uc0c9\uc0c1 \ud314\ub808\ud2b8<\/strong> &#8211; \uae30\ubcf8\/\ubcf4\uc870 \uc0c9\uc0c1 \uc815\uc758<\/li>\n<li><strong>UI \uad6c\uc131\uc694\uc18c<\/strong> &#8211; \ubc84\ud2bc, \uc778\ud48b, \uba54\ub274, \uc544\uc774\ucf58<\/li>\n<li><strong>\uc774\ubbf8\uc9c0<\/strong> &#8211; \ube0c\ub79c\ub4dc \ube44\uc804\uc744 \ubc18\uc601\ud558\ub294 \uc0ac\uc9c4\/\uc77c\ub7ec\uc2a4\ud2b8<\/li>\n<li><strong>\uc811\uadfc\uc131 \uace0\ub824<\/strong> &#8211; \ubc30\uacbd\uacfc \ucf58\ud150\uce20 \uba85\ub3c4\ub300\ube44 4.5:1, \ud589\uac04 1.75, \ud3f0\ud2b8\ud06c\uae30 \ucd5c\uc18c 12pt \uc774\uc0c1<\/li>\n<\/ol>\n<\/blockquote>\n<hr>\n<h3>3-1. \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c<\/h3>\n<blockquote>\n<p>\uc801\uc808\ud558\uace0 SEO \uce5c\ud654\uc801\uc778 \ucf58\ud150\uce20 \ud615\uc2dd\uacfc \ubb38\uc790 \uac04\uaca9\uacfc \uc904 \ub192\uc774\ub97c \uc798 \uc0ac\uc6a9\ud55c \uad6c\uc870\ub294 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ub192\uc740 \uc218\uc900\uc73c\ub85c \ub04c\uc5b4\uc62c\ub9b4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. H1, H2 \ubc0f H3\uacfc \uac19\uc740 \uc81c\ubaa9\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud14d\uc2a4\ud2b8\uc5d0 \uacc4\uce35 \uad6c\uc870\ub97c \ub9cc\ub4dc\ub294 \uac83\uc744 \ud45c\uc900\ud654\ud558\uc5ec \ub3c4\uc785\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<ul>\n<li>3\uac1c \uc774\ud558\ub85c \uc0ac\uc6a9<\/li>\n<li>\ubaa8\ubc14\uc77c \ud3f0\ud2b8\ud06c\uae30 16pt \u2192 22px, \ud589\uac04 33<\/li>\n<li>\uc798 \uc791\uc131\ub41c \ubb38\uad6c\ub098 \uc2a4\ud1a0\ub9ac\ud154\ub9c1\uc744 \ud1b5\ud574 \ube0c\ub79c\ub4dc\uc758 \ubaa9\ud45c\ub098 \ubbf8\uc158 \uc694\uc57d<\/li>\n<\/ul>\n<p><Accordion title=\"CTA(call to action)\ub780?\"><br \/>\nCTA\ub294 \uc6f9 \uc0ac\uc774\ud2b8 \ub0b4 \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\uae30 \uc704\ud574 \uace0\uac1d\uc5d0\uac8c &#8216;\ud589\ub3d9&#8217;\uc744 \uc720\ub3c4\ud558\ub294 \ubc84\ud2bc\uc774\ub098 \ubc30\ub108\uc785\ub2c8\ub2e4.<br \/>\n<\/Accordion><\/p>\n<ul>\n<li>SEO\uc5d0 \uce5c\ud654\uc801\uc778 \ucf58\ud150\uce20 \ud615\uc2dd<\/li>\n<li>\uac00\ub3c5\uc131 \ub192\uc740 \uc790\uac04 \ud589\uac04 \uc720\uc9c0\n<ul>\n<li>\uc601\ubb38 -0, \uad6d\ubb38 -0.5<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/letter-spacing.png\" alt=\"\uc790\uac04 \uc124\uc815\"><\/p>\n<ul>\n<li>\ud3f0\ud2b8\uc758 \uc704\uacc4 \uc791\uc131<\/li>\n<li>\uc81c\ubaa9\uacfc \ubcf8\ubb38\uc5d0 \uc0ac\uc6a9\ud560 \uc11c\uccb4, \ud06c\uae30 \uc791\uc131<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/typo-hierarchy.png\" alt=\"\ud0c0\uc774\ud3ec\uadf8\ub798\ud53c \uc704\uacc4\"><\/p>\n<h4>\uad00\ub828 \ub9c1\ud06c<\/h4>\n<ul>\n<li><strong>\uc0dd\uc131\uae30<\/strong>\n<ul>\n<li>type-scale.com<\/li>\n<li>Material Design 2 Typography<\/li>\n<li>Material Design 3 Type Scale Tokens<\/li>\n<\/ul>\n<\/li>\n<li><strong>\uc124\uba85<\/strong>\n<ul>\n<li>spencermortensen.com &#8211; Typographic Scale<\/li>\n<li>A List Apart &#8211; More Meaningful Typography<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h3>3-2. \uc0c9\uc0c1<\/h3>\n<blockquote>\n<p>\ube0c\ub79c\ub4dc\uc758 \uc2dc\uac01\uc801 \uc544\uc774\ub374\ud2f0\ud2f0\uc5d0 \uc0ac\uc6a9\ub418\ub294 \uc0c9\uc0c1\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud2b9\uc815\ud55c \uac10\uc815\uc801 \ubc18\uc751\uc744 \ubd88\ub7ec\uc77c\uc73c\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc0c9\uc0c1 \ud314\ub808\ud2b8\ub97c \uc62c\ubc14\ub85c \uc120\ud0dd\ud558\uba74 \uc0ac\uc6a9\uc790\uc758 \uae30\ubd84\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce58\uace0 \ube0c\ub79c\ub4dc\uc5d0 \ub300\ud55c \ub290\ub08c\uc744 \uac1c\uc120\ud558\uc5ec \uc804\ud658 \uac00\ub2a5\uc131\uc744 \ub192\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/color-palette.png\" alt=\"\uc0c9\uc0c1 \ud314\ub808\ud2b8 \uc608\uc2dc\"><\/p>\n<ul>\n<li>3\uac1c \uc774\ud558\ub85c \uc0ac\uc6a9<\/li>\n<li>\uceec\ub7ec \ud314\ub808\ud2b8\ub294 \uc0ac\uc6a9\uc790 \uc774\uc6a9 \uc2ec\ub9ac\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce58\uace0 \ube0c\ub79c\ub4dc\uc758 \uac00\uce58\uad00\uc744 \ubc18\uc601\ud558\ub294 \ud2b9\uc815 \uac10\uc815\uacfc \ubd84\uc704\uae30 \uc5f0\ucd9c<\/li>\n<li>\ube0c\ub79c\ub4dc \uc18d\uc131\uacfc \uad00\ub828\ub41c \uae30\ubcf8\/\ubcf4\uc870\uc0c9 \uc815\uc758<\/li>\n<li>\uc11c\ub85c \ucda9\ub3cc\ud558\uc9c0 \uc54a\uace0 \uc870\ud654\ub86d\uac8c \uc120\ud0dd<\/li>\n<\/ul>\n<blockquote>\n<p><strong>Tip<\/strong>: \ubaa8\ub4e0 \ube0c\ub79c\ub4dc\uc5d0\ub294 \uae30\ubcf8 \ubc0f \ubcf4\uc870 \uc0c9\uc0c1 \uc138\ud2b8\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uac15\uc870 \uc0c9\uc0c1\uacfc \uae30\ubcf8 \uc0c9\uc0c1\uc774 \uac19\uc774 \uc0ac\uc6a9\ub420 \ub54c \ud56d\uc0c1 \uc798 \uc5b4\uc6b8\ub824\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<p><Accordion title=\"\uceec\ub7ec \ub9e4\ud2b8\ub9ad\uc2a4\"><br \/>\n![\uceec\ub7ec \ub9e4\ud2b8\ub9ad\uc2a4 1](https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/color-matrix1.png)<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/color-matrix2.png\" alt=\"\uceec\ub7ec \ub9e4\ud2b8\ub9ad\uc2a4 2\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/color-matrix3.png\" alt=\"\uceec\ub7ec \ub9e4\ud2b8\ub9ad\uc2a4 3\"><br \/>\n<\/Accordion><\/p>\n<hr>\n<h3>3-3. UI \uad6c\uc131\uc694\uc18c<\/h3>\n<blockquote>\n<p>\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \ub514\uc790\uc778 \uad6c\uc131 \uc694\uc18c\ub294 \ucd5c\uace0\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \ub370 \uc788\uc5b4 \uc911\uc694\ud55c \ubd80\ubd84\uc785\ub2c8\ub2e4. GUI\ub97c \ud1b5\ud574 \uc6f9 \uc0ac\uc774\ud2b8\uc5d0 \uc0dd\uba85\uc744 \ubd88\uc5b4\ub123\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/ui-components.png\" alt=\"UI \uad6c\uc131\uc694\uc18c\"><\/p>\n<p>UI \uc694\uc18c\ub294 \uae54\ub054\ud558\uace0 \uae30\ub2a5\uc801\uc774\uba70 \ud53d\uc140\uc774 \uc644\ubcbd\ud788 \ub9de\uc544\uc57c \ud569\ub2c8\ub2e4. UI \uc694\uc18c\uc758 \uac00\uc7a5 \uc911\uc694\ud55c \uc5ed\ud560\uc740 \uc124\uacc4\ub41c \uc758\ubbf8\ub97c \uc2dc\uac01\uc801\uc73c\ub85c \uc804\ub2ec\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc8fc\uc694 UI \uad6c\uc131\uc694\uc18c:<\/p>\n<ul>\n<li>\ubc84\ud2bc<\/li>\n<li>\ud3fc<\/li>\n<li>\uc778\ud48b\uc694\uc18c<\/li>\n<li>\uc544\uc774\ucf58<\/li>\n<li>\ud234\ubc14<\/li>\n<li>\uba54\ub274<\/li>\n<li>\ub9ac\uc2a4\ud2b8<\/li>\n<li>\uadf8\ub9ac\ub4dc<\/li>\n<li>\uc2a4\ud0dc\ud37c<\/li>\n<li>\ubaa8\ub2ec<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/overview.png\" alt=\"\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc UI \uc608\uc2dc\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/button-padding.png\" alt=\"\ubc84\ud2bc \ud328\ub529 \uacc4\uc0b0\"><\/p>\n<ul>\n<li><strong>input<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/input.png\" alt=\"\uc778\ud48b \uc694\uc18c\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/ui-guide-example.png\" alt=\"UI \uac00\uc774\ub4dc \uc608\uc2dc\"><\/p>\n<hr>\n<h3>3-4. \uc774\ubbf8\uc9c0<\/h3>\n<blockquote>\n<p>\ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0\uc758 \uc77c\ubd80\uc778 \uc0ac\uc9c4\uacfc \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc740 \ube0c\ub79c\ub4dc\uc758 \ube44\uc804\uc744 \ubc18\uc601\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<\/blockquote>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/image-guide.png\" alt=\"\uc774\ubbf8\uc9c0 \uac00\uc774\ub4dc\"><\/p>\n<ul>\n<li>\ube0c\ub79c\ub4dc \uc815\uccb4\uc131\uc758 \uc77c\ubd80\uc778 \uc0ac\uc9c4\uacfc \uc77c\ub7ec\uc2a4\ud2b8\ub808\uc774\uc158\uc740 \ube0c\ub79c\ub4dc\uc758 \ube44\uc804\uc744 \ubc18\uc601\ud574\uc57c \ud569\ub2c8\ub2e4.<\/li>\n<li>\uc0ac\uc9c4\uc740 \ucc9c \uac1c\uc758 \ub2e8\uc5b4 \uac00\uce58\ub97c \uc9c0\ub2c8\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<li>\uc2dc\uac01\uc801 \uc758\uc0ac\uc18c\ud1b5\uc740 \ub9d0\ubcf4\ub2e4 \ub354 \ud070 \uac10\ub3d9\uc744 \uc904 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<hr>\n<h3>3-5. \uc811\uadfc\uc131 \uace0\ub824<\/h3>\n<p><Accordion title=\"\uc811\uadfc\uc131 \uc0c1\uc138\"><br \/>\n#### \ud3fc<\/p>\n<p>\ub808\uc774\ube14\uc758 \uadfc\uc811\uc131\uc744 \uace0\ub824\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/form-label.png\" alt=\"\ud3fc \ub808\uc774\ube14\"><\/p>\n<h4>\ud130\uce58 \uc601\uc5ed<\/h4>\n<p>\ub192\uc774\uc640 \ub108\ube44\uac00 \uc57d <strong>44dot<\/strong> \uc774\uc0c1\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/touch-area.png\" alt=\"\ud130\uce58 \uc601\uc5ed\"><\/p>\n<h4>\uc0c9\uc0c1 \ub300\ube44<\/h4>\n<p>\ud14d\uc2a4\ud2b8 \ucf58\ud150\uce20\uc640 \ubc30\uacbd \uac04\uc758 \uba85\ub3c4 \ub300\ube44 <strong>4.5 : 1<\/strong><\/p>\n<h4>\ud14d\uc2a4\ud2b8 \ud06c\uae30<\/h4>\n<p>\ucd5c\uc18c <strong>11pt<\/strong> \uc774\uc0c1<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/text-size.png\" alt=\"\ud14d\uc2a4\ud2b8 \ud06c\uae30\"><br \/>\n<\/Accordion><\/p>\n<hr>\n<h2>4. \uad00\ub828 \ub9c1\ud06c<\/h2>\n<table>\n<thead>\n<tr>\n<th align=\"left\">\uad6c\ubd84<\/th>\n<th align=\"left\">\ub9c1\ud06c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td align=\"left\">\uc2a4\ud3ec\uce74 \ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0<\/td>\n<td align=\"left\">bi.spoqa.com<\/td>\n<\/tr>\n<tr>\n<td align=\"left\">KISA \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc<\/td>\n<td align=\"left\">kisa.or.kr\/styleguide<\/td>\n<\/tr>\n<tr>\n<td align=\"left\">\ub124\uc774\ubc84 \uc811\uadfc\uc131 \uac00\uc774\ub4dc<\/td>\n<td align=\"left\">nuli.navercorp.com<\/td>\n<\/tr>\n<tr>\n<td align=\"left\">\uc5b4\ub3c4\ube44 \uc9c0\uce68\uc11c<\/td>\n<td align=\"left\">adobe.com Brand Guide<\/td>\n<\/tr>\n<tr>\n<td align=\"left\">\ud0c0\uc0ac\uc774\ud2b8 \ubd84\uc11d<\/td>\n<td align=\"left\">stylifyme.com<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr>\n<h2>5. \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ubaa8\ubc94\uc0ac\ub840<\/h2>\n<h3>5-1. NASA \uadf8\ub798\ud53d \ud45c\uc900 \ub9e4\ub274\uc5bc<\/h3>\n<p>NASA\uc758 \uadf8\ub798\ud53d \ud45c\uc900 \ub9e4\ub274\uc5bc\uc740 \ub85c\uace0 \uc0ac\uc6a9\ubc95, \uc0c9\uc0c1 \uaddc\uc815, \uc11c\uccb4 \uac00\uc774\ub4dc \ub4f1\uc744 \ud3ec\ud568\ud55c \ub300\ud45c\uc801\uc778 \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc\uc785\ub2c8\ub2e4.<\/p>\n<h3>5-2. Barnes &amp; Noble\uc758 UI \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/aabbee.cafe24.com\/wp-content\/uploads\/2026\/06\/barnes-noble.jpg\" alt=\"Barnes &amp; Noble UI \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc \ub9cc\ub4e4\uae30 1. \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc \uc81c\uc791\uc804 \uc900\ube44 1-1. \ub9ac\ub514\uc790\uc778\ud560 \ud504\ub85c\uc81d\ud2b8\uc758 \ucf58\uc149\ud2b8 \uc815\uc758 \ud504\ub85c\uc81d\ud2b8\uc758 \ubb34\ub4dc\ubcf4\ub4dc\uc5d0\uc11c \ucf58\uc149\ud2b8 \uc120\uc815 (\ud615\uc6a9\uc0ac\uc801\uc778 \ub2e8\uc5b4 \ud558\ub098\ub9cc, \uc8fc\uc870\uc0c9 1\uac1c) 1-2. \ub514\uc790\uc778 \ucf58\uc149\ud2b8 \uc815\uc758 \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 \ubc94\uc704, \uc2a4\ud0c0\uc77c, \uc2dc\uac01\uc801 \ubc29\ud5a5 \ubc0f \ubaa9\uc18c\ub9ac \ud1a4\uc744 \uc815\uc758\ud558\ub294 \uc2a4\ud0c0\uc77c \uac00\uc774\ub4dc\uac00 \uc788\uc73c\uba74 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\uc790\uc5d0\uc11c \ub514\uc790\uc778 \ud300, \ud504\ub85c\uc81d\ud2b8 \uad00\ub9ac\uc790, \uc5f0\uad6c\uc6d0\uc5d0 \uc774\ub974\uae30\uae4c\uc9c0 \ubaa8\ub4e0 \ud300\uc6d0\uc5d0\uac8c \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. 2. \uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc \uc81c\uc791 2-1. &#8230; <a title=\"\uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc\ub9cc\ub4e4\uae30\" class=\"read-more\" href=\"https:\/\/coalacoding.com\/?p=1060\" aria-label=\"\uc2a4\ud0c0\uc77c\uac00\uc774\ub4dc\ub9cc\ub4e4\uae30\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26],"tags":[],"class_list":["post-1060","post","type-post","status-publish","format-standard","hentry","category-html-css-ui"],"_links":{"self":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/1060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1060"}],"version-history":[{"count":1,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/1060\/revisions"}],"predecessor-version":[{"id":1077,"href":"https:\/\/coalacoding.com\/index.php?rest_route=\/wp\/v2\/posts\/1060\/revisions\/1077"}],"wp:attachment":[{"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/coalacoding.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}