{"id":288,"date":"2025-06-16T11:43:21","date_gmt":"2025-06-16T11:43:21","guid":{"rendered":"https:\/\/pixelline.co.kr\/blog\/?p=288"},"modified":"2025-06-16T11:45:44","modified_gmt":"2025-06-16T11:45:44","slug":"%ec%b1%97gpt-%ec%b6%94%ec%b2%9c-2025%eb%85%84-%ec%a3%bc%eb%aa%a9%ed%95%b4%ec%95%bc-%ed%95%a0-%ec%b5%9c%ec%8b%a0-%ed%99%88%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8a%b8%eb%a0%8c%eb%93%9c","status":"publish","type":"post","link":"https:\/\/pixelline.co.kr\/blog\/%ec%b1%97gpt-%ec%b6%94%ec%b2%9c-2025%eb%85%84-%ec%a3%bc%eb%aa%a9%ed%95%b4%ec%95%bc-%ed%95%a0-%ec%b5%9c%ec%8b%a0-%ed%99%88%ed%8e%98%ec%9d%b4%ec%a7%80-%ed%8a%b8%eb%a0%8c%eb%93%9c\/","title":{"rendered":"\ucc57GPT \ucd94\ucc9c: 2025\ub144 \uc8fc\ubaa9\ud574\uc57c \ud560 \ucd5c\uc2e0 \ud648\ud398\uc774\uc9c0 \ud2b8\ub80c\ub4dc"},"content":{"rendered":"\n<p>2025\ub144 \uc6f9 \ud658\uacbd\uc740 <strong>AI \uae30\ubc18 \uac1c\uc778\ud654<\/strong>, <strong>\uc9c0\uc18d\uac00\ub2a5\ud55c \ud37c\ud3ec\uba3c\uc2a4<\/strong>, <strong>\ubab0\uc785\ud615 \uc778\ud130\ub799\uc158<\/strong>\uc774\ub77c\ub294 \uc138 \uac00\uc9c0 \ud070 \ucd95\uc744 \uc911\uc2ec\uc73c\ub85c \uc7ac\ud3b8\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud53d\uc140\ub77c\uc778\uc774 \uace0\uac1d \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc989\uc2dc \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d, \uac01 \ud2b8\ub80c\ub4dc\ub97c 600\uc790 \uc774\uc0c1\uc73c\ub85c \uc2ec\uce35 \ubd84\uc11d\ud588\uc2b5\ub2c8\ub2e4. \ud544\uc694\uc5d0 \ub530\ub77c \uc601\uac10\uc744 \uc8fc\ub294 \uc774\ubbf8\uc9c0\ub098 \ucf54\ub4dc \uc2a4\ub2c8\ud3ab\uc744 \ucd94\uac00\ud574 \uc644\uc131\ub3c4\ub97c \ub192\uc5ec \ubcf4\uc138\uc694.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. \ubaa8\ubc14\uc77c \ud37c\uc2a4\ud2b8\uc640 AMP \uace0\ub3c4\ud654<\/h2>\n\n\n\n<p>\uc804 \uc138\uacc4 \uc6f9 \ud2b8\ub798\ud53d\uc758 70 % \uc815\ub3c4\uac00 \uc2a4\ub9c8\ud2b8\ud3f0\uc5d0\uc11c \ubc1c\uc0dd\ud558\uba74\uc11c, \ubaa8\ubc14\uc77c \ucd5c\uc801\ud654\ub294 \ub2e8\uc21c\ud55c \u2018\uc120\ud0dd\u2019\uc774 \uc544\ub2cc \u2018\uac80\uc0c9 \uc21c\uc704 \uc720\uc9c0 \uc7a5\uce58\u2019\uac00 \ub410\uc2b5\ub2c8\ub2e4. \uad6c\uae00\uc740 Core Web Vitals \ud56d\ubaa9 \uc911 \ud2b9\ud788 LCP\uc640 CLS\ub97c \uac15\ub825\ud55c \ub7ad\ud0b9 \uc2e0\ud638\ub85c \uc0bc\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uba54\uc778 \uc774\ubbf8\uc9c0\ub97c \ub808\uc774\uc9c0\ub85c\ub4dc\ud558\uace0 <code>preload<\/code>\ub85c \ud3f0\ud2b8\ub97c \ubbf8\ub9ac \ubd88\ub7ec\uc624\uba74 \ub80c\ub354\ub9c1 \uc9c0\uc5f0\uc744 200 ms \uc774\uc0c1 \uc904\uc77c \uc218 \uc788\uc5b4 \uc774\ud0c8\ub960 \uac10\uc18c \ud6a8\uacfc\uac00 \uc989\uac01 \ub098\ud0c0\ub0a9\ub2c8\ub2e4. AMP\ub294 \uacfc\uac70\uc758 \u201c\uc815\uc801 \uce90\uc2dc\u201d \uc774\ubbf8\uc9c0\uc5d0\uc11c \uc9c4\ud654\ud574, e-\ucee4\uba38\uc2a4 \uc804\uc6a9 \ucef4\ud3ec\ub10c\ud2b8\uc640 \uc2a4\ud1a0\ub9ac \uae30\ub2a5\uc744 \ud488\uc740 \u2018\ubaa8\ubc14\uc77c SEO \ud50c\ub7ab\ud3fc\u2019\uc73c\ub85c \uc790\ub9ac \uc7a1\uc558\uc2b5\ub2c8\ub2e4. \uc2e4\ubb34\uc5d0\uc11c\ub294 WP Fastest Cache + AMP for WP \ud50c\ub7ec\uadf8\uc778 \uc870\ud569\uc73c\ub85c \uce90\uc2f1\uacfc AMP \ub9c8\ud06c\uc5c5\uc744 \ub3d9\uc2dc\uc5d0 \uad00\ub9ac\ud558\uace0, <code>srcset<\/code>\u00b7<code>sizes<\/code>\ub85c \uae30\uae30\ubcc4 \ud574\uc0c1\ub3c4\ub97c \uc790\ub3d9 \ub300\uc751\ud558\uba74 \uc720\uc9c0\ubcf4\uc218 \ubd80\ub2f4 \uc5c6\uc774 Core Web Vitals \uc810\uc218\ub97c \uac1c\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9 \ub2e8\uacc4\ub85c <code>lastmod<\/code> \ud0dc\uadf8\ub97c \uc8fc 1\ud68c \uc5c5\ub370\uc774\ud2b8\ud558\uba74 \ubaa8\ubc14\uc77c \uc6b0\uc120 \uc0c9\uc778\uc774 \uc2e0\uc18d\ud558\uac8c \uc774\ub8e8\uc5b4\uc838 \uc0c8 \uae00 \ubc18\uc601 \uc18d\ub3c4\uac00 25 % \uc774\uc0c1 \ube68\ub77c\uc9d1\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. \ub2e4\ud06c\ubaa8\ub4dc 2.0 \u2013 \ub124\uc628 \ud3ec\uc778\ud2b8\uc640 \uc0ac\uc6a9\uc790 \ud1a0\uae00<\/h2>\n\n\n\n<p>\ub2e4\ud06c UI\ub294 \uc774\uc81c \u2018\ub208 \ubcf4\ud638\u2019 \uae30\ub2a5\uc744 \ub118\uc5b4 \ube0c\ub79c\ub4dc \uac1c\uc131\uc744 \uac15\uc870\ud558\ub294 \uac15\ub825\ud55c \ud14c\ub9c8\ub85c \uc9c4\ud654\ud588\uc2b5\ub2c8\ub2e4. OLED \ud654\uba74\uc5d0\uc11c\ub294 \uc644\uc804\ud55c \ube14\ub799 \ubc30\uacbd\uc774 \ubc30\ud130\ub9ac \uc18c\ubaa8\ub97c \uc904\uc774\uba74\uc11c \uc0c9 \ub300\ube44\ub97c \uadf9\ub300\ud654\ud558\uae30 \ub54c\ubb38\uc5d0, \ub124\uc628 \uacc4\uc5f4 \ud3ec\uc778\ud2b8 \uceec\ub7ec\uac00 \ube44\uc57d\uc801\uc73c\ub85c \ub3cb\ubcf4\uc785\ub2c8\ub2e4. \uad6c\ud604 \uc2dc <code>prefers-color-scheme<\/code> \ubbf8\ub514\uc5b4\ucffc\ub9ac\ub85c OS \uc124\uc815\uc744 \uae30\ubcf8\uac12\uc73c\ub85c \uc7a1\uace0, \ud5e4\ub354\uc5d0 \ud1a0\uae00 \uc2a4\uc704\uce58\ub97c \ub178\ucd9c\ud574 \uc0ac\uc6a9\uc790\uac00 \uc5b8\uc81c\ub4e0 \ubc1d\uae30 \ubaa8\ub4dc\ub97c \uc804\ud658\ud560 \uc218 \uc788\ub3c4\ub85d \ud558\uc138\uc694. \ud3ec\uc778\ud2b8 \uceec\ub7ec\ub294 HSL \ubaa8\ub4dc\uc5d0\uc11c L \uac12\uc744 60 \uc774\uc0c1\uc73c\ub85c \uc720\uc9c0\ud574 \uba85\ub3c4 \ub300\ube44\ub97c \ud655\ubcf4\ud558\ub418, \uc9c0\ub098\uce58\uac8c \ubc1d\uc73c\uba74 \ub208\ubd80\uc2ec\uc744 \uc720\ubc1c\ud558\ubbc0\ub85c \ucc44\ub3c4\ub97c 90 % \uc774\ud558\ub85c \ub0ae\ucd94\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4. \ucee4\uc2a4\ud140 \ud1a0\uae00 \uc560\ub2c8\uba54\uc774\uc158\uc740 150 ms \uc774\ub0b4\ub85c \uac04\uacb0\ud558\uac8c \ucc98\ub9ac\ud574\uc57c \u2018\ubc84\ud2bc \uace0\uc7a5\u2019 \uc624\ud574\ub97c \ub9c9\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\ud06c\ubaa8\ub4dc \uc804\ud658 \ud6c4 \ud654\uba74 \uc804\ud658 \uc9c0\uc5f0\uc774 100 ms\ub97c \ub118\uc9c0 \uc54a\ub3c4\ub85d, CSS \uc804\ud658\ubcf4\ub2e4\ub294 <code>classList.toggle()<\/code> \ubc29\uc2dd\uc73c\ub85c DOM\uc744 \uc989\uc2dc \uc5c5\ub370\uc774\ud2b8\ud558\uba74 UX\uac00 \ubd80\ub4dc\ub7fd\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. \ucd08\uac1c\uc778\ud654 AI \ucc57\ubd07 &amp; \ucd94\ucc9c \uc2dc\uc2a4\ud15c<\/h2>\n\n\n\n<p>AI \ucc57\ubd07\uc740 FAQ \uc790\ub3d9\uc751\ub2f5 \ub2e8\uacc4\ub97c \ub118\uc5b4 \uace0\uac1d \uac10\uc815\u00b7\uad6c\ub9e4 \ub9e5\ub77d\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \ud30c\uc545\ud574 \u2018\ub2e4\uc74c \ud589\ub3d9\u2019\uc744 \uc608\uce21\ud558\ub294 \ub514\uc9c0\ud138 \ucee8\uc2dc\uc5b4\uc9c0 \uc5ed\ud560\uc744 \uc218\ud589\ud569\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc7a5\ubc14\uad6c\ub2c8 \uc774\ud0c8 \uc9c1\uc804\uc758 \uc0ac\uc6a9\uc790\uac00 \ud2b9\uc815 \uce74\ud14c\uace0\ub9ac \ud398\uc774\uc9c0\uc5d0 40\ucd08 \uc774\uc0c1 \uba38\ubb3c\uba74, \ucc57\ubd07\uc774 \uc989\uc2dc \ud560\uc778 \ucf54\ub4dc\ub97c \uc81c\uc548\ud574 \uc804\ud658\ub960\uc744 \ub04c\uc5b4\uc62c\ub9ac\ub294 \uc2dd\uc785\ub2c8\ub2e4. \uae30\uc220\uc801\uc73c\ub85c\ub294 OpenAI GPT-4o API\uc5d0 \uc7ac\uace0\u00b7\ubc30\uc1a1 DB\ub97c \uc5f0\uacb0\ud574 \ub77c\uc774\ube0c \uc815\ubcf4\ub97c \ud568\uaed8 \uc751\ub2f5\ud558\ub3c4\ub85d \uc124\uacc4\ud558\uba74, \ucc57\ubd07\uc774 \u201c\uc624\ub298 \uc8fc\ubb38\ud558\uba74 \ub0b4\uc77c \uc624\uc804 11\uc2dc\uc5d0 \ub3c4\ucc29\ud569\ub2c8\ub2e4\u201d\ucc98\ub7fc \uad6c\uccb4\uc801 \uc548\ub0b4\ub97c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud504\ub7f0\ud2b8\uc5d4\ub4dc\ub294 React + Server-Sent Events\ub85c \uc2a4\ud2b8\ub9ac\ubc0d \uc751\ub2f5\uc744 \uad6c\ud604\ud574 \ub2f5\ubcc0 \uc9c0\uc5f0\uc744 \ucd5c\uc18c\ud654\ud558\uace0, GA4\uc5d0\uc11c \u2018\ucc57\ubd07 \uc774\uc6a9 \u2192 \uad6c\ub9e4 \uc644\ub8cc\u2019 \ud37c\ub110\uc744 \ucd94\uc801\ud574 ROI\ub97c \uce21\uc815\ud569\ub2c8\ub2e4. \ucd94\ucc9c \uc5d4\uc9c4\uc740 Kafka \uc2a4\ud2b8\ub9bc \uae30\ubc18\uc758 \ubbf8\ub2c8\ubc30\uce58 \ud559\uc2b5\uc744 \uc0ac\uc6a9\ud574 \ud074\ub9ad\u00b7\ubdf0\u00b7\uad6c\ub9e4 \ub85c\uadf8\ub97c \uc218\ubd84 \ub2e8\uc704\ub85c \ubaa8\ub378\uc5d0 \ubc18\uc601\ud558\uba74 \u2018\uc9c4\uc9dc \uc2e4\uc2dc\uac04 \uac1c\uc778\ud654\u2019\uac00 \uac00\ub2a5\ud574\uc9d1\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. \uc778\ud130\ub799\ud2f0\ube0c 3D &amp; WebGL<\/h2>\n\n\n\n<p>\uc6f9 \uae30\ubc18 3D\ub294 \uc81c\ud488 \uc124\uba85\uc758 \ud55c\uacc4\ub97c \ub118\uc5b4 \u2018\uac00\uc0c1 \uccb4\ud5d8\u2019 \uc790\uccb4\ub97c \uc0c1\ud488\ud654\ud558\ub294 \ub2e8\uacc4\ub85c \uc9c4\ud654\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. three.js, Babylon.js, Spline \ub4f1\uc758 \ub4f1\uc7a5\uc73c\ub85c \uac1c\ubc1c \uc7a5\ubcbd\uc774 \ub0ae\uc544\uc84c\uace0, \ub4dc\ub77c\ucf54(Draco) \uc555\ucd95\uacfc LOD(Level of Detail) \uc804\ub7b5 \ub355\ubd84\uc5d0 \ubaa8\ubc14\uc77c GPU\uc5d0\uc11c\ub3c4 45fps \uc774\uc0c1\uc744 \uc720\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ucee8\ub300 \uac00\uad6c \uc1fc\ud551\ubab0\uc5d0\uc11c\ub294 WebGL \ubdf0\uc5b4\ub85c \uc18c\ud30c \uc18c\uc7ac\u00b7\uceec\ub7ec\u00b7\uac01\ub3c4\u00b7\uc2e4\ub0b4 \ubc30\uce58\uae4c\uc9c0 \uc2e4\uc2dc\uac04\uc73c\ub85c \ud655\uc778\ud558\uac8c \ud574, \uad6c\ub9e4 \ud655\uc2e0\uc744 \ub192\uc600\uc2b5\ub2c8\ub2e4. \uc2e4\ubb34 \ud301: \ubaa8\ub378 \ud3ec\ub9f7\uc740 gITF\ub97c \uc4f0\uace0, \ud14d\uc2a4\ucc98 \ud574\uc0c1\ub3c4\ub294 1,024px \uc774\ud558\ub85c \uc81c\ud55c\ud574 \uc6a9\ub7c9\uc744 80 % \uc774\uc0c1 \uac10\ucd95\ud558\uc138\uc694. WordPress\ub77c\uba74 Spline\uc5d0\uc11c gITF\ub97c \ub0b4\ubcf4\ub0b8 \ub4a4 \u201cthreejs-wordpress-block\u201d \ud50c\ub7ec\uadf8\uc778\uc744 \uc124\uce58\ud574 3D \uc52c\uc744 \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d\uc73c\ub85c \uc0bd\uc785\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. GA4 \ucee4\uc2a4\ud140 \uc774\ubca4\ud2b8\ub85c \u2018\ubdf0 \ud68c\uc804\u2019 \u2018\uc0c9\uc0c1 \ubcc0\uacbd\u2019 \u2018\uc7a5\ubc14\uad6c\ub2c8 \ucd94\uac00\u2019 \ub4f1\uc744 \uc2e4\uc2dc\uac04\uc73c\ub85c \uc7a1\uc544\ub0b4\uba74, 3D \uccb4\ud5d8\uc774 \ub9e4\ucd9c\uc5d0 \ubbf8\uce58\ub294 \uc9c1\uc811 \ud6a8\uacfc\ub97c \uacc4\ub7c9\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. \ub9c8\uc774\ud06c\ub85c \uc778\ud130\ub799\uc158 &amp; \uc2a4\ud06c\ub864\ub9ac\ud154\ub9c1<\/h2>\n\n\n\n<p>\uc0ac\uc6a9\uc790\ub294 0.4\ucd08 \ub0b4\uc5d0 UI \ubc18\uc751\uc744 \uae30\ub300\ud569\ub2c8\ub2e4. \ubc84\ud2bc hover \uae00\ub85c\uc6b0, \uc2a4\ud06c\ub864 \uc9c4\ud589\uc5d0 \ub530\ub978 \ud504\ub85c\uadf8\ub808\uc2a4 \ubc14, \uc139\uc158 \uc9c4\uc785 \uc2dc \uc694\uc18c\uac00 \ubd80\ub4dc\ub7fd\uac8c \ud398\uc774\ub4dc-\uc5c5\ub418\ub294 \ub9c8\uc774\ud06c\ub85c \uc778\ud130\ub799\uc158\uc740 UX \ub9cc\uc871\ub3c4\ub97c \ud06c\uac8c \ub192\uc785\ub2c8\ub2e4. \ud2b9\ud788 \uae34 \uc2a4\ud1a0\ub9ac\ud154\ub9c1 \ud398\uc774\uc9c0\uc5d0\uc11c\ub294 GSAP ScrollTrigger\ub97c \ud65c\uc6a9\ud55c \u2018\uc2a4\ud06c\ub864\ub9ac\ud154\ub9c1(Scroll-Telling)\u2019 \uae30\ubc95\uc774 \uc8fc\ubaa9\ubc1b\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8\uc640 \uc774\ubbf8\uc9c0\uac00 \ub2e8\uacc4\ubcc4\ub85c \uc2dc\ucc28 \ud6a8\uacfc\ub97c \ub0b4\uba70 \ub4f1\uc7a5\ud558\uba74 \uc0ac\uc6a9\uc790\ub294 \ud398\uc774\uc9c0 \ud750\ub984\uc744 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ub530\ub77c\uac00\uac8c \ub429\ub2c8\ub2e4. \ub2e8, \uc560\ub2c8\uba54\uc774\uc158 \ub2e8\uacc4\uac00 \uacfc\ub3c4\ud558\uba74 \uc131\ub2a5 \uc800\ud558 \ubc0f \ud53c\ub85c\uac10\uc744 \uc720\ubc1c\ud558\ubbc0\ub85c, \uc139\uc158\ubcc4 3\u20135\uac1c\ub85c \uc81c\ud55c\ud558\uace0 IntersectionObserver API\ub97c \ud1b5\ud574 \ubdf0\ud3ec\ud2b8 \uc548\uc5d0 \ub4e4\uc5b4\uc62c \ub54c\ub9cc \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc2e4\ud589\ud558\uc138\uc694. \uc811\uadfc\uc131 \uc5ed\uc2dc \uc911\uc694\ud569\ub2c8\ub2e4. \ud0a4\ubcf4\ub4dc \uc0ac\uc6a9\uc790\ub97c \uc704\ud574 <code>role=\"status\"<\/code> \ub77c\uc774\ube0c \ub9ac\uc804\uc744 \uc81c\uacf5\ud558\uace0, \uac10\uac01 \uacfc\ubbfc \uc0ac\uc6a9\uc790\ub97c \uc704\ud574 \u2018\uc560\ub2c8\uba54\uc774\uc158 \ub044\uae30\u2019 \ud1a0\uae00\uc744 \ucd94\uac00\ud558\uba74 \ubc95\uc801 \uc694\uad6c\uc640 UX\ub97c \ubaa8\ub450 \ucda9\uc871\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6. \uc2e4\ud5d8\uc801 \ub0b4\ube44\uac8c\uc774\uc158(Experimental Nav)<\/h2>\n\n\n\n<p>\uc804\ud1b5\uc801\uc778 \ud584\ubc84\uac70 \uba54\ub274\uac00 \uc2dd\uc0c1\ud574\uc9c0\uba74\uc11c, \uc80a\uc740 \uc0ac\uc6a9\uc790\uce35\uc740 \uc6d0\ud615 \ub77c\ub514\uc5bc \ub124\ube44\uac8c\uc774\uc158, \ud558\ub2e8 \uc9c0\ud37c \ub0b4\ube44, \uce21\uba74 \uc2ac\ub77c\uc774\ub4dc \uba54\ub274 \ub4f1 \uc2e4\ud5d8\uc801 \uc778\ud130\ub799\uc158\uc5d0 \ube60\ub974\uac8c \uc801\uc751\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc815\ubcf4 \ud0d0\uc0c9 \uc18d\ub3c4\uac00 \ub290\ub824\uc9c0\uba74 \uc804\ud658\uc728\uc774 \ud558\ub77d\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, IA(Information Architecture)\ub97c \uba3c\uc800 \uc815\ubc00 \uc124\uacc4\ud55c \ub4a4 UI \uc2e4\ud5d8\uc744 \uc9c4\ud589\ud574\uc57c \ud569\ub2c8\ub2e4. \uad6c\ud604 \ub2e8\uacc4\uc5d0\uc11c\ub294 \ubaa8\uc158\uc744 200 ms \uc804\ud6c4\uc758 ease-in-out \uace1\uc120\uc73c\ub85c \uc81c\ud55c\ud574 \uc5b4\uc9c0\ub7ec\uc6c0\uc744 \ubc29\uc9c0\ud558\uace0, ARIA \ub77c\ubca8\uc744 \uba85\ud655\ud788 \uc9c0\uc815\ud574 \uc2a4\ud06c\ub9b0\ub9ac\ub354\uac00 \u2018\uba54\uc778 \uba54\ub274\u2019\ub85c \uc778\uc2dd\ud558\ub3c4\ub85d \ud574\uc57c \ud569\ub2c8\ub2e4. WordPress\uc5d0\uc11c \ucee4\uc2a4\ud140 \ub0b4\ube44\ub97c \uc27d\uac8c \ucd94\uac00\ud558\ub824\uba74 \ud504\ub860\ud2b8\uc5d4\ub4dc\ub97c React\ub85c \uc791\uc131\ud55c \ub4a4 <code>@wordpress\/create-block<\/code> CL I\ub85c \ube14\ub85d\uc744 \ub4f1\ub85d\ud558\uace0, Tailwind CSS\uc758 <code>peer<\/code> \uc18d\uc131\uc744 \uc774\uc6a9\ud574 \uccb4\ud06c\ubc15\uc2a4 \uae30\ubc18 \ud1a0\uae00 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uad6c\ud604\ud558\uba74 \uc811\uadfc\uc131\uacfc \uc131\ub2a5\uc744 \ub3d9\uc2dc\uc5d0 \uc7a1\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7. \ub124\uc624 \ube0c\ub8e8\ud0c8\ub9ac\uc998 &amp; \ub300\ub2f4\ud55c \ud0c0\uc774\ud3ec<\/h2>\n\n\n\n<p>\ub124\uc624 \ube0c\ub8e8\ud0c8\ub9ac\uc998\uc740 \ud654\ub824\ud568 \ub300\uc2e0 \ud22c\ubc15\ud568\uc73c\ub85c \uc874\uc7ac\uac10\uc744 \ub4dc\ub7ec\ub0c5\ub2c8\ub2e4. \uac70\uce60\uace0 \uad75\uc740 \ud14c\ub450\ub9ac, \ub2e8\uc0c9 \ubc30\uacbd, \ucd08\ub300\ud615 \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\ub97c \ud1b5\ud574 \uc815\ubcf4\uac00 \uc989\uac01\uc801\uc73c\ub85c \ub208\uc5d0 \ub4e4\uc5b4\uc624\uac8c \ud558\uc8e0. \uc2dc\uac01\uc801 \uc694\uc18c\uac00 \ub2e8\uc21c\ud574\uc9c8\uc218\ub85d LCP\uac00 \uac1c\uc120\ub418\uace0, \uba54\uc2dc\uc9c0 \uc804\ub2ec \uc18d\ub3c4\uac00 \ube68\ub77c\uc9d1\ub2c8\ub2e4. \ub2e4\ub9cc \uc9c0\ub098\uce5c \ub300\ube44\ub294 \ub208 \ud53c\ub85c\ub97c \uc720\ubc1c\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c, \ud5e4\ub354\u00b7\ud478\ud130\ucc98\ub7fc \ubc18\ubcf5\ub418\ub294 \uc601\uc5ed\uc740 \uc911\uac04 \uba85\ub3c4\uc758 \ud68c\uc0c9 \uacc4\uc5f4\ub85c \uade0\ud615\uc744 \uc7a1\uc544 \uc8fc\uc138\uc694. \ud0c0\uc774\ud3ec\uadf8\ub798\ud53c\ub294 \uc2dc\uc2a4\ud15c \ud3f0\ud2b8 \uae30\ubc18 Sans Serif\ub97c \uc4f0\uace0, H1\uacfc H2 \uc0ac\uc774\uc5d0 4\ubc30\uc218 \uacc4\ub2e8\ud615 \uc2a4\ucf00\uc77c\uc744 \uc801\uc6a9\ud574 \uc2dc\uac01\uc801 \ub9ac\ub4ec\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4. \ud328\ub7f4\ub799\uc2a4 \ud6a8\uacfc\ub97c \ucd5c\uc18c\ud654\ud574 \u2018\uc815\uc801\uc774\uc9c0\ub9cc \uac15\ub82c\ud55c\u2019 \uc778\uc0c1\uc744 \uc8fc\uace0, \ubc30\uacbd\uc5d0 \ud14d\uc2a4\ucc98 \ub300\uc2e0 \uc194\ub9ac\ub4dc \uceec\ub7ec\ub97c \uc0ac\uc6a9\ud558\uba74 \ub124\uc624 \ube0c\ub8e8\ud0c8\ub9ac\uc998 \ud2b9\uc720\uc758 \ube44\uc8fc\uc5bc \ucda9\uaca9\uc744 \uacfc\ub3c4\ud55c \uc6a9\ub7c9 \ubd80\ub2f4 \uc5c6\uc774 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8. \ud070 \ube14\ub85d &amp; \ub300\ube44 \uceec\ub7ec<\/h2>\n\n\n\n<p>\uc5ec\ub7ec \ucf58\ud150\uce20\ub97c \ud558\ub098\uc758 \uc2dc\uc120 \ub3d9\uc120\uc73c\ub85c \ubb36\uace0 \uc2f6\ub2e4\uba74 \u2018\uceec\ub7ec \ube14\ub85d\u2019\uc744 \uc801\uadf9 \ud65c\uc6a9\ud574 \ubcf4\uc138\uc694. \ube0c\ub79c\ub4dc \uc8fc\uc694 \uceec\ub7ec\ub97c 60 %\u00b7\ubcf4\uc870 \uceec\ub7ec 30 %\u00b7CTA 10 % \ube44\uc728\ub85c \ubc30\uce58\ud558\uba74 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc815\ubcf4 \uacc4\uce35\uc774 \ud615\uc131\ub418\uace0 CTA \ud074\ub9ad\ub960\uc774 \uc0c1\uc2b9\ud569\ub2c8\ub2e4. \ubc30\uacbd\uacfc \ud14d\uc2a4\ud2b8\uc758 \uba85\ub3c4 \ub300\ube44\ub294 WCAG 2.2 AA \uae30\uc900(4.5 : 1)\uc744 \ucda9\uc871\ud574\uc57c \ud558\uba70, APCA \ub300\ube44 \uacc4\uc0b0\uae30\ub97c \uc774\uc6a9\ud558\uba74 \ubaa8\ubc14\uc77c \ud658\uacbd\uc5d0\uc11c\ub3c4 \uc548\uc804\ud55c \uc0c9 \uc870\ud569\uc744 \ucc3e\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. CSS\uc5d0\uc11c\ub294 <code>.section:nth-of-type(odd)<\/code>\u00b7<code>\u2026(even)<\/code> \uc120\ud0dd\uc790\ub85c \ubc30\uacbd \uc0c9\uc744 \uad50\ucc28 \uc801\uc6a9\ud558\uace0, GSAP SplitText\ub85c \uc139\uc158 \uc9c4\uc785 \uc2dc \ud14d\uc2a4\ud2b8\ub97c \u2018\uc2a4\ub0c5\u2019\uc2dc\ud0a4\uba74 \ube14\ub85d \uc774\ub3d9\uc774 \ub354\uc6b1 \ub9ac\ub4ec\uac10 \uc788\uac8c \ub290\uaef4\uc9d1\ub2c8\ub2e4. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \uceec\ub7ec \ube14\ub85d\uc744 \ubc30\uacbd\uc5d0 \uae54 \ub54c\ub294 <code>contain:paint<\/code> \uc18d\uc131\uc744 \uc9c0\uc815\ud574 \ud398\uc778\ud2b8 \uc601\uc5ed\uc744 \uc81c\ud55c\ud558\uba74 \ub80c\ub354\ub9c1 \uc131\ub2a5\uc774 \ud5a5\uc0c1\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">9. \uc624\uac00\ub2c9 \uc170\uc774\ud504\uc640 \uc790\uc5f0 \uc9c8\uac10<\/h2>\n\n\n\n<p>\uace1\uc120\ud615 \uc624\uac00\ub2c9 \uc170\uc774\ud504\uc640 \uc790\uc5f0 \uc9c8\uac10\uc740 \uc778\uacf5\uc801 \ud654\uba74\uc5d0 \uc778\uac04\ubbf8\ub97c \ubd88\uc5b4\ub123\uc2b5\ub2c8\ub2e4. \uc2dc\uac01\uc801 \ud734\uc2dd\uc744 \uc8fc\uba74\uc11c\ub3c4 \ube0c\ub79c\ub4dc \uce5c\ud658\uacbd \uba54\uc2dc\uc9c0\ub97c \uac15\ud654\ud560 \uc218 \uc788\uc5b4, ESG\u00b7\ub77c\uc774\ud504\uc2a4\ud0c0\uc77c \uc5c5\uc885\uc5d0\uc11c \ud2b9\ud788 \ud638\uc751\uc774 \uc88b\uc2b5\ub2c8\ub2e4. SVG Blob Generator\ub97c \ud65c\uc6a9\ud574 \uc720\ub3d9\ud615 \ubc30\uacbd\uc744 \ub9cc\ub4e4\uac70\ub098 CSS <code>clip-path:ellipse()<\/code>\ub85c \ud788\uc5b4\ub85c \uc774\ubbf8\uc9c0\ub97c \uace1\uc120\uc73c\ub85c \uc798\ub77c\ub0b4\uba74, \ub85c\ub529 \uc18d\ub3c4\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\uc73c\uba74\uc11c \uc2dc\uac01\uc801 \ubcc0\ud654\ub97c \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc790\uc5f0 \ud14d\uc2a4\ucc98 \uc774\ubbf8\uc9c0\ub294 \uc6a9\ub7c9\uc774 \ud06c\ubbc0\ub85c WebP\/AVIF \ud3ec\ub9f7\uc73c\ub85c 70 % \ud488\uc9c8\ub85c \uc555\ucd95\ud558\uace0, <code>loading=\"lazy\"<\/code>\uc640 <code>fetchpriority=\"low\"<\/code>\ub97c \uc0ac\uc6a9\ud574 \uc9c0\uc5f0 \ub85c\ub529\ud558\uba74 Core Web Vitals LCP\ub97c 25 % \uc774\uc0c1 \uac1c\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c <code>backdrop-filter:blur(8px)<\/code>\ub97c \uc801\uc808\ud788 \uc0ac\uc6a9\ud558\uba74 \uae00\ub798\uc2a4\ubaa8\ud53c\uc998\uacfc \uc790\uc5f0 \ud328\ud134\uc744 \ub3d9\uc2dc\uc5d0 \ud45c\ud604\ud574 \uae4a\uc774\uac10\uc744 \uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">10. \uc9c0\uc18d\uac00\ub2a5\u00b7\uc5d0\ucf54 \uc6f9\ub514\uc790\uc778<\/h2>\n\n\n\n<p>\ub514\uc9c0\ud138 \ud0c4\uc18c\ubc1c\uc790\uad6d\uc5d0 \ub300\ud55c \uc18c\ube44\uc790 \uc778\uc2dd\uc774 \ub192\uc544\uc9c0\uba74\uc11c, \ud398\uc774\uc9c0 \ubb34\uac8c \ucd5c\uc801\ud654\ub294 \ube0c\ub79c\ub4dc \uc2e0\ub8b0\ub3c4\ub97c \ub192\uc774\ub294 \u2018\uce5c\ud658\uacbd UX\u2019 \uc804\ub7b5\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ubbf8\uc9c0\u00b7\uc544\uc774\ucf58\uc744 SVG \ub610\ub294 CSS \uadf8\ub77c\ub370\uc774\uc158\uc73c\ub85c \ub300\uccb4\ud558\uace0, \ucf54\ub4dc\ub97c \uc2a4\ud50c\ub9ac\ud305\ud574 \ud544\uc694\ud55c \ubaa8\ub4c8\ub9cc \uc9c0\uc5f0 \ub85c\ub529\ud558\uba74 \ud398\uc774\uc9c0 \uc804\ub825 \uc18c\ube44\ub97c \ud06c\uac8c \uc904\uc77c \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub9b0 \ud638\uc2a4\ud305 \uc11c\ube44\uc2a4\ub97c \uc120\ud0dd\ud558\uba74 \uc7ac\uc0dd\uc5d0\ub108\uc9c0\ub97c \uc0ac\uc6a9\ud574 \uc11c\ubc84 \uc6b4\uc601 \ud0c4\uc18c\ub97c \uc0c1\uc1c4\ud560 \uc218 \uc788\ub294\ub370, \uc774\ub294 ESG \ub9ac\ud3ec\ud2b8\ub098 PR \uc790\ub8cc\ub85c\ub3c4 \ud65c\uc6a9 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc2e4\ubb34 \ud301: <code>font-display:swap<\/code> \uc18d\uc131\uc744 \ud1b5\ud574 FOIT\ub97c \ubc29\uc9c0\ud558\uace0, \uc11c\ubc84 \uce21\uc5d0\uc11c\ub294 HTTP\/3 + Brotli \uc555\ucd95\uc744 \ud65c\uc131\ud654\ud574 TTFB\ub97c \ud3c9\uade0 30 % \ub2e8\ucd95\ud558\uc138\uc694. \ub9c8\uc9c0\ub9c9\uc73c\ub85c \u2018\ud0c4\uc18c \ubc1c\uc790\uad6d \ubc30\uc9c0\u2019\ub97c \ud398\uc774\uc9c0 \ud558\ub2e8\uc5d0 \ub178\ucd9c\ud574 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud22c\uba85\ud55c \uc815\ubcf4\ub97c \uc81c\uacf5\ud558\uba74 \ube0c\ub79c\ub4dc \ud638\uac10\ub3c4\uac00 \ub192\uc544\uc9c4\ub2e4\ub294 \uc5f0\uad6c\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">11. \uc811\uadfc\uc131 &amp; \uc778\ud074\ub8e8\uc2dc\ube0c UX<\/h2>\n\n\n\n<p>2025\ub144 6\uc6d4\ubd80\ud130 European Accessibility Act(EAA)\uac00 \uc2dc\ud589\ub418\uba74\uc11c WCAG 2.2 AA \uc900\uc218\ub294 \ubc95\uc801 \uc758\ubb34\uac00 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uad6d\ub0b4\uc5d0\uc11c\ub3c4 \uacf5\uacf5\u00b7\uae08\uc735\uad8c\uc744 \uc911\uc2ec\uc73c\ub85c \uc811\uadfc\uc131 \uac10\uc0ac\uac00 \uac15\ud654\ub418\uace0 \uc788\uc5b4, \ubaa8\ub4e0 \ud504\ub85c\uc81d\ud2b8\ub294 \u2018\ud0a4\ubcf4\ub4dc \uc804\uc6a9 \ub0b4\ube44\u2019 \u2018\uc2a4\ud06c\ub9b0\ub9ac\ub354 \ud638\ud658 \ub808\uc774\ube14\u2019 \u2018\uc0c9\ub9f9 \ub300\ube44\u2019 \uac19\uc740 \uae30\ubcf8 \uc694\uad6c\uc0ac\ud56d\uc744 \ucda9\uc871\ud574\uc57c \ud569\ub2c8\ub2e4. \uc2e4\ubb34 \ub2e8\uacc4\uc5d0\uc11c\ub294 <code>tabindex=\"0\"<\/code>\ub85c \ud3ec\ucee4\uc2a4 \uc774\ub3d9 \uc21c\uc11c\ub97c \uc7a1\uace0, ARIA landmark\ub97c \uba85\ud655\ud788 \uc9c0\uc815\ud574 \uad6c\uc870\ub97c \uc124\uba85\ud558\uc138\uc694. \ud3fc \uc624\ub958 \uba54\uc2dc\uc9c0\ub294 <code>aria-live=\"assertive\"<\/code>\ub85c \uc2e4\uc2dc\uac04 \uc804\ub2ec\ud574 \uc811\uadfc\uc131 \uc810\uc218\ub97c \ud655\ubcf4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. WordPress\uc5d0\uc11c\ub294 \ud14c\ub9c8 \ub2e8\uacc4\uc5d0\uc11c a11y-ready \ub9c8\ud06c\uac00 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uace0, <code>wp_a11y.speak()<\/code> \uc720\ud2f8\ub9ac\ud2f0\ub85c \ube44\ub3d9\uae30 \uba54\uc2dc\uc9c0\ub97c \uc77d\uc5b4\uc8fc\uba74 \ucd94\uac00 \uc2a4\ud06c\ub9bd\ud2b8 \uc5c6\uc774\ub3c4 \uc811\uadfc\uc131 \uae30\uc900\uc744 \ucda9\uc871\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">12. AEO(Answer Engine Optimization)<\/h2>\n\n\n\n<p>AI \uae30\ubc18 \uac80\uc0c9\uc774 \u2018\ub300\ud654\ud615 \ub2f5\ubcc0\u2019 \ud615\ud0dc\ub85c \uc9c4\ud654\ud558\uba74\uc11c, \ud074\ub9ad \uc5c6\uc774\ub3c4 \uc0ac\uc774\ud2b8 \uc815\ubcf4\ub97c \uc804\ub2ec\ud574\uc57c \ud558\ub294 \uc2dc\ub300\uac00 \uc654\uc2b5\ub2c8\ub2e4. AEO \uc804\ub7b5\uc758 \ud575\uc2ec\uc740 \u201c\uc9c8\ubb38\u2192\ub2f5\ubcc0\u201d \uad6c\uc870\ub97c \uc9e7\uace0 \uba85\ud655\ud558\uac8c \ub9cc\ub4e4\uace0, JSON-LD FAQPage \uc2a4\ud0a4\ub9c8\ub85c \ud06c\ub864\ub7ec\uac00 \uc989\uc2dc \uc778\uc2dd\ud560 \uc218 \uc788\uac8c \ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \uac01 \ub2f5\ubcc0\uc740 \ucd5c\ub300 50\ub2e8\uc5b4 \uc774\ub0b4\ub85c \uc694\uc57d\ud558\uace0, H2\u00b7H3 \uc0ac\uc774\uc5d0 \uc804\uce58\uc0ac\ud615 \ub871\ud14c\uc77c \ud0a4\uc6cc\ub4dc\ub97c \uc790\uc5f0\uc2a4\ub7fd\uac8c \ubc30\uce58\ud574 AI \uac80\uc0c9\uc5d0 \ucd5c\uc801\ud654\ud558\uc138\uc694. \ub610\ud55c \ub0b4\ubd80 \ub9c1\ud06c\ub97c \ud14c\uc774\ube14 \ud615\ud0dc\ub85c \uad6c\uc870\ud654\ud574 \u2018\uc9c0\uc2dd \uadf8\ub798\ud504\u2019 \uad00\uacc4\ub97c \uba85\ud655\ud788 \ub9cc\ub4e4\uba74 AI \uac80\uc0c9\uacb0\uacfc\uc5d0 \uc0ac\uc774\ud2b8 \uc815\ubcf4\uac00 \ud48d\ubd80\ud558\uac8c \ub178\ucd9c\ub429\ub2c8\ub2e4. \uc791\uc131\uc790 \ud504\ub85c\ud544\uc5d0 \uc804\ubb38\uc131 \ubc30\uc9c0\uc640 \uc2e4\uc81c \uacbd\ub825\uc744 \ud45c\uae30\ud558\uba74 E-A-T(Experience-Authority-Trust) \ud3c9\uac00\uac00 \uac15\ud654\ub418\uc5b4, AI \ub2f5\ubcc0\uc5d0 \uc778\uc6a9\ub420 \ud655\ub960\uc774 \ub192\uc544\uc9d1\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">13. \uc74c\uc131 UI &amp; \uba40\ud2f0\ubaa8\ub2ec \uac80\uc0c9<\/h2>\n\n\n\n<p>\uc74c\uc131 \uc0c1\uac70\ub798 \uaddc\ubaa8\ub294 2025\ub144 3,000\uc5b5 \ub2ec\ub7ec\ub97c \ub3cc\ud30c\ud560 \uc804\ub9dd\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uc74c\uc131 \uba85\ub839\uc744 \uc9c0\uc6d0\ud558\uba74 \ud3c9\uade0 \uc138\uc158 \uae38\uc774\uac00 1.6\ubc30 \ub298\uc5b4\ub098\uace0, \uc2a4\ub9c8\ud2b8 \uc2a4\ud53c\ucee4 \uc5f0\ub3d9 \uc2dc \uc7ac\uad6c\ub9e4\uc728\uc774 25 % \uc0c1\uc2b9\ud55c\ub2e4\ub294 \ubcf4\uace0\uac00 \uc788\uc2b5\ub2c8\ub2e4. \uc124\uacc4 \ud575\uc2ec\uc740 \u2018\uc9e7\uc740 \uba85\ub839\uc5b4\u2019\uc640 \u2018\ube60\ub978 \ud53c\ub4dc\ubc31\u2019\uc785\ub2c8\ub2e4. 400 ms \uc774\uc0c1 \uc9c0\uc5f0\uc774 \ubc1c\uc0dd\ud558\uba74 \uc0ac\uc6a9\uc790 \ubd88\ub9cc\uc774 \uae09\uaca9\ud788 \uc99d\uac00\ud558\ubbc0\ub85c, SSML <code>&lt;break time=\"300ms\"\/&gt;<\/code>\ub97c \uc0ac\uc6a9\ud574 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \ubc1c\ud654 \ub9ac\ub4ec\uc744 \ub9cc\ub4e4\uace0, \uc74c\uc131 \uc778\uc2dd \uc2e4\ud328 \uc2dc \uc989\uc2dc \uc2dc\uac01\uc801 \ub300\uc548\uc744 \uc81c\uc2dc\ud574\uc57c \ud569\ub2c8\ub2e4. WordPress\uc5d0\uc11c\ub294 Amazon Polly TTS \ub610\ub294 Google Cloud TTS \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c \ud398\uc774\uc9c0 \ub0b4 \ubb38\uc7a5\uc744 \uc74c\uc131 \ucf58\ud150\uce20\ub85c \ubcc0\ud658\ud574, \uc2dc\uccad\uac01 \uc811\uadfc\uc131\uc744 \ub3d9\uc2dc \ud655\ubcf4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c \uc0ac\uc6a9\uc790\uac00 \uc74c\uc131\uc73c\ub85c \uc0c1\ud488\uc744 \uac80\uc0c9\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \ud544\ud130\ub9c1\ub41c \uc0c1\ud488 \ubaa9\ub85d\uc744 \ubcf4\uc5ec\uc8fc\ub294 \u2018\ubcf4\uc774\uc2a4 \ud30c\uc778\ub354\u2019 \uae30\ub2a5\uc744 \uc7a5\ucc29\ud558\uba74 CX\uac00 \ud55c\uce35 \uac15\ud654\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">14. \ud480\uc2a4\ud06c\ub9b0 \ube44\ub514\uc624 \ud788\uc5b4\ub85c \uc139\uc158<\/h2>\n\n\n\n<p>\ud480\uc2a4\ud06c\ub9b0 \ube44\ub514\uc624\ub294 5\ucd08 \uc774\ud0c8\ub960\uc744 17 %\uc5d0\uc11c 10 %\ub85c \ub0ae\ucd98\ub2e4\ub294 \ud1b5\uacc4\uac00 \uc788\uc744 \ub9cc\ud07c \uac15\ub825\ud55c \ubab0\uc785 \uc694\uc18c\uc785\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uace0\uc6a9\ub7c9 \uc601\uc0c1\uc740 LCP\ub97c \uc545\ud654\uc2dc\ud0a4\ubbc0\ub85c, \uae38\uc774 15\ucd08 \uc774\ud558\u00b71080p\u00b724fps\u00b7AV1 \ucf54\ub371\u00b7\uc74c\uc18c\uac70 loop\ub77c\ub294 5\uac00\uc9c0 \uaddc\uce59\uc744 \uc9c0\ud0a4\uba74 \ud488\uc9c8\uacfc \uc18d\ub3c4\ub97c \ub3d9\uc2dc\uc5d0 \uc7a1\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucd08\uae30 \ub80c\ub354\ub9c1 \uc18d\ub3c4\ub97c \ubcf4\ud638\ud558\ub824\uba74 <code>preload=\"none\"<\/code>\u00b7<code>fetchpriority=\"low\"<\/code> \uc18d\uc131\uc744 \uc0ac\uc6a9\ud574 \ube44\ub514\uc624 \uc2a4\ud2b8\ub9bc\uc744 \ub2a6\uac8c \ubd88\ub7ec\uc624\uace0, \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc694\uc18c\ub85c GIF \uc12c\ub124\uc77c\uc744 \uc6b0\uc120 \ub178\ucd9c\ud574 \ub370\uc774\ud130\ub97c 80 % \uc774\uc0c1 \uc808\uac10\ud558\uc138\uc694. \ube44\ub514\uc624 \uc704\uc5d0 \ub36e\ub294 CTA \ubc84\ud2bc\uc740 \ud654\uba74 \uc911\uc559 40 % \uc9c0\uc810\uc5d0 \ubc30\uce58\ud558\uace0, \ubc30\uacbd \ub300\ube44\ub97c \uba85\ub3c4 4.5 : 1 \uc774\uc0c1\uc73c\ub85c \ub9de\ucdb0\uc57c WCAG AA \uae30\uc900\uc744 \ucda9\uc871\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">15. AR(\uc99d\uac15\ud604\uc2e4) \uc81c\ud488 \uccb4\ud5d8<\/h2>\n\n\n\n<p>AR \ucee4\uba38\uc2a4\ub294 2025\ub144 1,200\uc5b5 \ub2ec\ub7ec \uc2dc\uc7a5\uc73c\ub85c \uc131\uc7a5\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ube0c\ub77c\uc6b0\uc800 \uae30\ubc18 WebAR \uc194\ub8e8\uc158 \ub355\ubd84\uc5d0 \uc571 \uc124\uce58 \uc5c6\uc774\ub3c4 \uc81c\ud488\uc744 \u2018\ub208\uc55e\u2019\uc5d0 \uc18c\ud658\ud574 \ubcfc \uc218 \uc788\uc5b4, \uad6c\ub9e4 \uc804\ud658\uc728\uc744 1.5\ubc30 \uc774\uc0c1 \ub04c\uc5b4\uc62c\ub9ac\ub294 \uc0ac\ub840\uac00 \uc18d\ucd9c\ud569\ub2c8\ub2e4. 8th Wall, ZapWorks \uac19\uc740 SDK\ub97c \uc0ac\uc6a9\ud558\uba74 \uc2a4\ub9c8\ud2b8\ud3f0 \uce74\uba54\ub77c\ub85c \uacf5\uac04\uc744 \uc2a4\uce94\ud558\uace0 3D \ubaa8\ub378\uc744 \ubc30\uce58\ud558\ub294 \uacfc\uc815\uc744 \uba87 \uc904\uc758 \uc2a4\ud06c\ub9bd\ud2b8\ub85c \ud574\uacb0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. AR \ubaa8\ub378\uc740 5 MB \uc774\ud558, \ud14d\uc2a4\ucc98 1,024px \uc81c\ud55c\uc73c\ub85c \ucd5c\uc801\ud654\ud574 \ub370\uc774\ud130 \uc0ac\uc6a9\ub7c9\uc744 \ucd5c\uc18c\ud654\ud558\uace0, <code>iframeresizer<\/code>\ub85c \ub514\ubc14\uc774\uc2a4 \uac00\ub85c\uc138\ub85c \ube44\uc728\uc5d0 \ub530\ub77c \ubdf0\ud3ec\ud2b8\ub97c \uc790\ub3d9 \uc870\uc815\ud558\uc138\uc694. SEO \uce21\uba74\uc5d0\uc11c\ub294 \u2018\uc81c\ud488\uba85 + AR\u2019 \ud0a4\uc6cc\ub4dc\ub97c \uc81c\ud488 \uc0c1\uc138 \ud398\uc774\uc9c0 \uc81c\ubaa9\uacfc \uba54\ud0c0\ub514\uc2a4\ud06c\ub9bd\uc158\uc5d0 \ud3ec\ud568\ud574, \uac80\uc0c9 \uacb0\uacfc\uc5d0\uc11c AR \uccb4\ud5d8\uc774 \uac00\ub2a5\ud558\ub2e4\ub294 \uc810\uc744 \uac15\uc870\ud558\uba74 \ud074\ub9ad\ub960\uc774 \uc0c1\uc2b9\ud569\ub2c8\ub2e4. SNS \uacf5\uc720 \uc2dc\uc5d0\ub294 Open Graph \uba54\ud0c0\uc5d0 AR \uccb4\ud5d8 \ub9c1\ud06c\ub97c \uc785\ub825\ud574 \ubc14\uc774\ub7f4 \ud6a8\uacfc\ub97c \uadf9\ub300\ud654\ud558\uc138\uc694.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">16. \ub370\uc774\ud130 \uc2a4\ud1a0\ub9ac\ud154\ub9c1 &amp; \uc2e4\uc2dc\uac04 \uc2dc\uac01\ud654<\/h2>\n\n\n\n<p>\uc815\uc801 \uc778\ud3ec\uadf8\ub798\ud53d\ub9cc\uc73c\ub85c\ub294 \ubcf5\uc7a1\ud55c \ub370\uc774\ud130\ub97c \uc804\ub2ec\ud558\uae30 \uc5b4\ub824\uc6b4 \uc2dc\ub300\uc785\ub2c8\ub2e4. Chart.js v4\uc758 <code>update()<\/code> diff patch \uae30\ub2a5\uacfc IntersectionObserver\ub97c \uacb0\ud569\ud558\uba74, \ubdf0\ud3ec\ud2b8\uc5d0 \uc9c4\uc785\ud560 \ub54c\ub9cc \uc2e4\uc2dc\uac04 \ucc28\ud2b8\ub97c \ub80c\ub354\ub9c1\ud574 FPS \uc190\uc2e4 \uc5c6\uc774 \ub370\uc774\ud130\ub97c \ubcf4\uc5ec\uc904 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uae30\uc5c5 \ub300\uc2dc\ubcf4\ub4dc\ub294 Grafana + InfluxDB\ub85c IoT \uc2a4\ud2b8\ub9bc\uc744 \uc2dc\uac01\ud654\ud558\uac70\ub098, Superset\/Bokeh \uc11c\ubc84\ub85c SQL \ucffc\ub9ac\ub97c \uace7\ubc14\ub85c \ucc28\ud2b8\ub85c \ubcc0\ud658\ud574 \u2018\ub370\uc774\ud130 \ub0b4\ub7ec\ud2f0\ube0c\u2019\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. AI BI \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\uba74 \u201c\uc9c0\ub09c\ub2ec \uacb0\uc81c \uc2e4\ud328\uc728\uc774 \uac00\uc7a5 \ub192\uc558\ub358 \uc694\uc77c?\u201d\ucc98\ub7fc \uc790\uc5f0\uc5b4\ub85c \uc9c8\ubb38\ud574 \uc989\uc2dc \ucc28\ud2b8\ub97c \uc0dd\uc131\ud560 \uc218 \uc788\uc5b4, \ub370\uc774\ud130 \ud65c\uc6a9 \uc9c4\uc785\uc7a5\ubcbd\uc774 \ud06c\uac8c \ub0ae\uc544\uc9d1\ub2c8\ub2e4. \ub370\uc774\ud130 \uc911\uc2ec \ud398\uc774\uc9c0\uc5d0\uc11c\ub294 \uc11c\ubc84-sent events\ub85c 1\ucd08 \uc8fc\uae30 \ub370\uc774\ud130\ub97c \ud478\uc2dc\ud558\uace0, \uc0ac\uc6a9\uc790 \uce21\uc5d0\uc11c\ub294 <code>requestAnimationFrame<\/code>\uc73c\ub85c \uc560\ub2c8\uba54\uc774\uc158 \ub3d9\uae30\ud654\ub97c \ub9de\ucd94\uba74 CPU \ubd80\ud558\ub97c \ucd5c\uc18c\ud654\ud558\uba74\uc11c \uc2e4\uc2dc\uac04\uc131\uc744 \ud655\ubcf4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">17. \ubc84\ud2f0\uceec SaaS\uc6a9 \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c<\/h2>\n\n\n\n<p>\uc0b0\uc5c5 \ud2b9\ud654 \ubc84\ud2f0\uceec SaaS\uac00 \uae09\uc99d\ud558\uba74\uc11c, \u2018\ud55c \uc5c5\uc885\uc5d0 \ucd5c\uc801\ud654\ub41c \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\u2019\uc774 \uacbd\uc7c1\ub825\uc758 \ud575\uc2ec\uc73c\ub85c \ub5a0\uc62c\ub790\uc2b5\ub2c8\ub2e4. Storybook + Chromatic\uc73c\ub85c \ucef4\ud3ec\ub10c\ud2b8 \ud14c\uc2a4\ud2b8\ub97c \uc790\ub3d9\ud654\ud558\uace0, Figma Variables\ub85c \uceec\ub7ec\u00b7\ud0c0\uc774\ud3ec\u00b7Spacing \ud1a0\ud070\uc744 \ud1b5\ud569 \uad00\ub9ac\ud558\uba74 \ub514\uc790\uc778\uacfc \uac1c\ubc1c \uac04 \ud578\ub4dc\uc624\ud504 \uc624\ub958\uac00 \uac10\uc18c\ud569\ub2c8\ub2e4. Monorepo \uad6c\uc870(Nx\u00b7Turborepo \ub4f1)\ub97c \ub3c4\uc785\ud574 \ud504\ub7f0\ud2b8\u00b7\ubc31\uc5d4\ub4dc \ud328\ud0a4\uc9c0\ub97c \ud55c \ubc88\uc5d0 \ubc84\uc804 \uad00\ub9ac\ud558\uba74 \ucf54\ub4dc \uc911\ubcf5\ub960\uc774 40 %\uc5d0\uc11c 5 %\uae4c\uc9c0 \uc904\uc5b4, \uc720\uc9c0\ubcf4\uc218 \uc2dc\uac04\uc774 \ud06c\uac8c \ub2e8\ucd95\ub429\ub2c8\ub2e4. \uaddc\uc81c \uc0b0\uc5c5\uad70\uc774\ub77c\uba74 PCI DSS\u00b7HIPAA \uac19\uc740 \uc900\uc218 \ud56d\ubaa9\uc744 \ub514\uc790\uc778 \ud1a0\ud070 \ub2e8\uacc4\uc5d0\uc11c \uc815\uc758\ud574\ub450\uba74, \uc0c8\ub85c\uc6b4 \uae30\ub2a5\uc774 \ucd94\uac00\ub420 \ub54c\ub9c8\ub2e4 \uaddc\uc815 \uc801\uc6a9 \ub204\ub77d\uc744 \uc790\ub3d9\uc73c\ub85c \ubc29\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. SaaS \uc628\ubcf4\ub529 \ub2e8\uacc4\uc5d0\uc11c\ub294 \u2018\ub514\uc790\uc778 \uc2dc\uc2a4\ud15c \uc81c\uacf5\u2019 \uc790\uccb4\uac00 \ud070 \uc2e0\ub8b0 \ud45c\uc2dc\uac00 \ub418\uc5b4 CAC(\uace0\uac1d \ud68d\ub4dd \ube44\uc6a9)\ub97c \ud3c9\uade0 13 % \ub0ae\ucd94\ub294 \ud6a8\uacfc\ub3c4 \ubcf4\uace0\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uc2e4\uc804 \uc801\uc6a9 \uccb4\ud06c\ub9ac\uc2a4\ud2b8<\/h2>\n\n\n\n<ol>\n<li><strong>\uc6b0\uc120\uc21c\uc704 \uc120\uc815<\/strong> \u2013 \ube0c\ub79c\ub4dc \ubaa9\ud45c\uc640 \uc608\uc0b0\uc5d0 \ub9de\ucdb0 3\u20135\uac1c \ud2b8\ub80c\ub4dc\ub9cc \uc120\ud0dd\ud574 \uc9d1\uc911 \ub3c4\uc785<\/li>\n\n\n\n<li><strong>\ud37c\ud3ec\uba3c\uc2a4 \uac80\uc99d<\/strong> \u2013 \uc801\uc6a9 \uc804\ud6c4 <em>Lighthouse<\/em>\u00b7<em>PageSpeed Insights<\/em> \uc810\uc218 \ube44\uad50<\/li>\n\n\n\n<li><strong>A\/B \ud14c\uc2a4\ud2b8<\/strong> \u2013 CTA \uceec\ub7ec\u00b7\uce74\ud53c\u00b7\ub808\uc774\uc544\uc6c3\uc744 2\uc8fc \ub2e8\uc704\ub85c \uc2e4\ud5d8\ud574 \uc804\ud658\ub960 \ucd5c\uc801\ud654<\/li>\n\n\n\n<li><strong>\uc815\uae30 \ub9ac\ubdf0<\/strong> \u2013 \ubd84\uae30\ubcc4\ub85c \ud2b8\ub80c\ub4dc\u00b7\uc811\uadfc\uc131\u00b7\ubcf4\uc548 \ud328\uce58 \uccb4\ud06c\ub9ac\uc2a4\ud2b8 \uc5c5\ub370\uc774\ud2b8<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\ub9fa\uc74c\ub9d0<\/h2>\n\n\n\n<p>2025\ub144 \uc6f9\ub514\uc790\uc778\uc758 \ud575\uc2ec\uc740 <strong>\uc9c0\ub2a5\ud615 \ub9de\ucda4 \uacbd\ud5d8<\/strong>\uacfc <strong>\uc9c0\uc18d\uac00\ub2a5\ud55c \uc131\ub2a5<\/strong>\uc744 \ub3d9\uc2dc\uc5d0 \ub2ec\uc131\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \ud53d\uc140\ub77c\uc778\uc740 \uc704 \ud2b8\ub80c\ub4dc\ub97c \uc120\ubcc4\uc801\uc73c\ub85c \ub3c4\uc785\ud574 \uace0\uac1d\uc0ac\uc758 KPI\ub97c \uadf9\ub300\ud654\ud558\uace0, \ube0c\ub79c\ub4dc \ucda9\uc131\ub3c4\ub97c \ub192\uc774\ub294 \ucc28\ubcc4\ud654\ub41c \ub514\uc9c0\ud138 \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud560 \uc900\ube44\uac00 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ucd94\uac00 \uc9c8\ubb38\uc774\ub098 \ucee8\uc124\ud305\uc774 \ud544\uc694\ud558\uc2dc\uba74 \uc5b8\uc81c\ub4e0 \uc694\uccad\ud574 \uc8fc\uc138\uc694!<\/p>\n\n\n\n<p>\uc9c0\uae08 \ud504\ub85c\uc81d\ud2b8 \uc0c1\ub2f4\ubc1b\uace0&nbsp;3D&nbsp;\uc778\ud130\ub799\uc158&nbsp;\ubb34\uc0c1 \uc801\uc6a9 \ud61c\ud0dd\uc744 \uacbd\ud5d8\ud558\uc138\uc694!<\/p>\n\n\n\n<p>\uc6f9\ub514\uc790\uc778\ud2b8\ub80c\ub4dc, 2025\ud648\ud398\uc774\uc9c0, AI\uc6f9\uac1c\ubc1c, UX\ub514\uc790\uc778, \ubc18\uc751\ud615\ub514\uc790\uc778, \uc9c0\uc18d\uac00\ub2a5\uc6f9, \uc811\uadfc\uc131, AR\uccb4\ud5d8, \ub9c8\uc774\ud06c\ub85c\uc778\ud130\ub799\uc158, \ub124\uc624\ube0c\ub8e8\ud0c8\ub9ac\uc998<\/p>\n","protected":false},"excerpt":{"rendered":"<p>2025\ub144 \uc6f9 \ud658\uacbd\uc740 AI \uae30\ubc18 \uac1c\uc778\ud654, \uc9c0\uc18d\uac00\ub2a5\ud55c \ud37c\ud3ec\uba3c\uc2a4, \ubab0\uc785\ud615 \uc778\ud130\ub799\uc158\uc774\ub77c\ub294 \uc138 \uac00\uc9c0 \ud070 \ucd95\uc744 \uc911\uc2ec\uc73c\ub85c \uc7ac\ud3b8\ub418\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud53d\uc140\ub77c\uc778\uc774 \uace0\uac1d \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc989\uc2dc \uc801\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d, \uac01 \ud2b8\ub80c\ub4dc\ub97c 600\uc790 \uc774\uc0c1\uc73c\ub85c \uc2ec\uce35 \ubd84\uc11d\ud588\uc2b5\ub2c8\ub2e4. \ud544\uc694\uc5d0 \ub530\ub77c \uc601\uac10\uc744 \uc8fc\ub294 \uc774\ubbf8\uc9c0\ub098 \ucf54\ub4dc \uc2a4\ub2c8\ud3ab\uc744 \ucd94\uac00\ud574 \uc644\uc131\ub3c4\ub97c \ub192\uc5ec \ubcf4\uc138\uc694. 1. \ubaa8\ubc14\uc77c \ud37c\uc2a4\ud2b8\uc640 AMP \uace0\ub3c4\ud654 \uc804 \uc138\uacc4 \uc6f9 \ud2b8\ub798\ud53d\uc758 70 % \uc815\ub3c4\uac00 \uc2a4\ub9c8\ud2b8\ud3f0\uc5d0\uc11c \ubc1c\uc0dd\ud558\uba74\uc11c, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":289,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[43,40,39,38,45,44,42,11,37,41],"_links":{"self":[{"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/posts\/288"}],"collection":[{"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":3,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/posts\/288\/revisions\/292"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/media\/289"}],"wp:attachment":[{"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixelline.co.kr\/blog\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}